BrowserTracing throwing "TypeError: scope.setPropagationContext is not a function"

[Jaskaranbir]

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.73.0

Framework Version

17.0.2

Link to Sentry event

No response

SDK Setup

    Sentry.init({
        dsn: "<dsn>",

        environment: process.env.NODE_ENV,
        replaysSessionSampleRate: 0.1,
        replaysOnErrorSampleRate: 1.0,
        attachStacktrace: true,
        enabled: true,
        autoSessionTracking: true,
        sendClientReports: true,
        enableTracing: true,

        integrations: [
            new Dedupe(),
            new ExtraErrorData(),
            new HttpClient(),
            new Sentry.BrowserTracing()
        ]
    });

Steps to Reproduce

Just load a web-page.

Expected Result

Web page should load.

Actual Result

The web page crashes due to exception:

browsertracing.ts:363 Uncaught (in promise) TypeError: scope.setPropagationContext is not a function
    at BrowserTracing._createRouteTransaction (browsertracing.ts:363:1)
    at browsertracing.ts:261:1
    at instrumentRoutingWithDefaults (router.ts:23:1)
    at BrowserTracing.setupOnce (browsertracing.ts:259:1)
    at setupIntegration (integration.ts:105:1)
    at integration.ts:93:1
    at Array.forEach (<anonymous>)
    at setupIntegrations (integration.ts:90:1)
    at BrowserClient.setupIntegrations (baseclient.ts:297:1)
    at e.value (dashcam-player.min.js:2:633639)
    at initAndBind (sdk.ts:34:1)
    at init (sdk.ts:122:1)
    at Module.init (sdk.ts:19:1)
    at addinStartup (addinStartup.tsx:36:12)
    at __webpack_modules__.794947.geotab.addin.surfsight (videoGalleryIndex.tsx:9:17)
    at Object.createNewPage (default.js:1:817288)
    at default.js:1:740833
    at d (default.js:1:740857)
    ...

FYI I am using npm 8.19.4

[Jaskaranbir]

Also, here's the output from npm why @sentry/core:

@sentry/core@7.73.0
node_modules/@sentry/core
  @sentry/core@"7.73.0" from @sentry-internal/tracing@7.73.0
  node_modules/@sentry-internal/tracing
    @sentry-internal/tracing@"7.73.0" from @sentry/browser@7.73.0
    node_modules/@sentry/browser
      @sentry/browser@"7.73.0" from @sentry/react@7.73.0
      node_modules/@sentry/react
        @sentry/react@"^7.73.0" from the root project
  @sentry/core@"7.73.0" from @sentry/browser@7.73.0
  node_modules/@sentry/browser
    @sentry/browser@"7.73.0" from @sentry/react@7.73.0
    node_modules/@sentry/react
      @sentry/react@"^7.73.0" from the root project
  @sentry/core@"7.73.0" from @sentry/integrations@7.73.0
  node_modules/@sentry/integrations
    @sentry/integrations@"^7.73.0" from the root project
  @sentry/core@"7.73.0" from @sentry/replay@7.73.0
  node_modules/@sentry/replay
    @sentry/replay@"7.73.0" from @sentry/browser@7.73.0
    node_modules/@sentry/browser
      @sentry/browser@"7.73.0" from @sentry/react@7.73.0
      node_modules/@sentry/react
        @sentry/react@"^7.73.0" from the root project

[Jaskaranbir]

Just realized that things work on version 7.54.0. I'll try getting the exact version where the error starts occurring when I get chance.

[AbhiPrasad]

Hey @Jaskaranbir. Is there a chance there are multiple SDK instances on the page? Like some component you are using is also initializing Sentry? That may be causing the issue here.

[Jaskaranbir]

Hi @AbhiPrasad, thanks for the response. And no, I've freshly installed npm packages multiple times and there are no global packages in my env. This frontend code is completely internal and we are positive that there's no Sentry-related code being initialized anywhere else.

[Jaskaranbir]

Also, there's another issue that has the same error: #8538
Looks like the developer here was able to get it working by using a deprecated package, but I would prefer not to use deprecated packages.

[AbhiPrasad]

I tried to reproduce this in a simple application by adding the latest SDK version to a React app, but could not: https://stackblitz.com/edit/stackblitz-starters-oikn8f?file=src%2Findex.tsx

Are you able to provide a reproduction of some kind? Would help us debug a lot. Thanks!