Sentry functions transform into (void 0) when building for remix/cloudflare/hydrogen

[andrewcohen]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/remix

SDK Version

9.5

Framework Version

Remix 2.11.2

Link to Sentry event

No response

Reproduction Example/SDK Setup

No response

Steps to Reproduce

1. In a remix projects server file, or any route file

// app/routes/repro.tsx
import * as Sentry from "@sentry/remix";
Sentry.captureException("test 123")

2. run build

$ pnpm remix vite:build 
# or 
$ pnpm shopify hydrogen build

You will see a warning

app/routes/repro.tsx (3:7): "captureException" is not exported by "node_modules/.pnpm/@sentry+remix@9.5.0_@opentelemetry+context-async-hooks@1.30.1_@opentelemetry+api@1.9.0__@open_iuiv3pujvl5pfv746jgqtaej4m/node_modules/@sentry/remix/build/esm/index.client.js", imported by "app/routes/repro.tsx".

We also get similar warnings for startSpan, getTraceData, setContext, setUser

3. Open dist/server/index.js and search for "test 123" and you will see the captureException compiled away

(void 0)("test 123")

Expected Result

The sentry functions are compiled into the server bundle.

Actual Result

The sentry functions turn into (void 0) and our application becomes unusable.

[lforst]

That almost sounds like a weird setup issue where vite/remix is noopping Sentry API. Would you able to share a reproduction example where this is happening?

[onurtemizkan]

@andrewcohen, I'm wondering if that still happens if you import Sentry from @sentry/remix/cloudflare?

[andrewcohen]

@onurtemizkan Switching the import seems to help and client side errors seem to be reporting ok. I am having a similar issue now on the server side in entry.server.tsx

export function handleError(error: unknown, args: DataFunctionArgs) {
  if (!args.request.signal.aborted) {
    console.error(JSON.stringify(error, null, 2));
    Sentry.sentryHandleError(error, args);
  }
}

Importing from @sentry/remix/cloudflare or @sentry/remix gives the (void 0) issue. The cloudflare specific import also has a typescript error:

1. Property 'sentryHandleError' does not exist on type 'typeof import("/Users/acohen/p/node_modules/.pnpm/@sentry+remix@9.5.0_@opentelemetry+context-async-hooks@1.30.1_@opentelemetry+api@1.9.0__@open_iuiv3pujvl5pfv746jgqtaej4m/node_modules/@sentry/remix/build/types/cloudflare/index")'. [2339]

[andreiborza]

hi @andrewcohen, could you please provide a reproduction repo if possible?