Some functions are not available in @sentry/remix

[jansedlon]

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

7.98.0

Framework Version

2.5.1

Link to Sentry event

No response

SDK Setup

entry.server.tsx

Sentry.init({
    dsn: ENV.SENTRY_DSN,
    tracesSampleRate: env.APP_ENV === "production" ? 0.5 : 0.1,
    environment: env.SENTRY_ENVIRONMENT,
    denyUrls: [
      /\/resources\/healthcheck/,
      /\/build\//,
      /\/favicons\//,
      /\/images\//,
      /\/fonts\//,
      /\/favicon.ico/,
      /\/site\.webmanifest/,
      /.*\.map$/,
    ],
    maxValueLength: 5000,
    integrations: [
      new Sentry.Integrations.Http({ tracing: true }),
      new Sentry.Integrations.Prisma({ client: prisma }),
      new ProfilingIntegration(),
      new Sentry.Integrations.RequestData(),
    ],
    beforeSendTransaction(event) {
      if (event.request?.url?.includes("/healthcheck")) return null;

      return event;
    },
  });

entry.client.tsx

Sentry.init({
    dsn: ENV.SENTRY_DSN,
    environment: ENV.SENTRY_ENVIRONMENT,
    integrations: [
      new Sentry.BrowserTracing({
        routingInstrumentation: Sentry.remixRouterInstrumentation(
          useEffect,
          useLocation,
          useMatches,
        ),
      }),
      Sentry.replayIntegration(),
      new Sentry.BrowserProfilingIntegration(),
      new Sentry.BrowserTracing(),
      captureConsoleIntegration({ levels: ["error"] }),
    ],
    // Set tracesSampleRate to 1.0 to capture 100%
    // of transactions for performance monitoring.
    // We recommend adjusting this value in production
    tracesSampleRate: ENV.APP_ENV === "production" ? 0.5 : 0.1,

    // Capture Replay for 10% of all sessions,
    // plus for 100% of sessions with an error
    replaysSessionSampleRate: 0.1,
    replaysOnErrorSampleRate: 1.0,
  });

Steps to Reproduce

1. Start with Remix boilerplate with custom express server
2. Import functions like Sentry.getCurrentScope() or Sentry.continueTrace()

Expected Result

The functions should be available and work

Actual Result

Functions are imported, typechecker is happy but when the functions are actually called, it throws an error because it's undefined.

There might be more functions like these, these are the only ones I found.

[jansedlon]

New findings

import * as Sentry from "@sentry/remix";

console.log(Sentry.continueTrace) // Is undefined
console.log(Sentry.default.continueTrace) // This one works

console.log((await import("@sentry/remix")).continueTrace); // is undefined
console.log((await import("@sentry/remix")).default.continueTrace); // This one is defined

[Lms24]

Hi @jansedlon thanks for reporting! Looks like we missed exporting these rather new functions in the Remix SDK correctly.
Will fix this today. Expect the fix to be released throughout this week.

If you need an immediate workaround, you can import these functions directly from @sentry/node until we correctly re-export them from the Remix SDK.

[Lms24]

Turns out it was quite a few missing exports. More details in #10385.

We'll make sure this goes out soon, probably even today.

[jansedlon]

@Lms24 Thank you 🙏