Sentry.reactRouterV6BrowserTracingIntegration is not a function

[Xhale1]

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/react

SDK Version

7.100.0

Framework Version

React 18.2.0

Link to Sentry event

No response

SDK Setup

Sentry.init({
  dsn: "[ redacted ]",
  integrations: [
    Sentry.reactRouterV6BrowserTracingIntegration({
      useEffect,
      useLocation,
      useNavigationType,
      createRoutesFromChildren,
      matchRoutes,
      stripBasename: true,
    }),
  ],

  tracesSampleRate: 0.1,

  tracePropagationTargets: [
    // ...
  ],

  replaysSessionSampleRate: 0.01,
  replaysOnErrorSampleRate: 1.0,

  ignoreErrors: [
    "ResizeObserver loop completed with undelivered notifications.",
  ],
})

Steps to Reproduce

1. Update from 7.99.x to 7.100.0
2. Follow migration guide for browser tracing
3. Swap 'new Sentry.BrowserTracing({ ... })' for Sentry.reactRouterV6BrowserTracingIntegration({ ... })
4. Launch Vite dev server
5. Observe Uncaught TypeError: Sentry.reactRouterV6BrowserTracingIntegration is not a function in browser console

Expected Result

No error

Actual Result

Uncaught TypeError: Sentry.reactRouterV6BrowserTracingIntegration is not a function at main.tsx:x:y

[Xhale1]

Upon digging deeper: seems this issue may have been caused by Vite caching an older version of Sentry...

Closing this issue, apologies for the noise!