eslint(import/namespace): error 'BrowserTracing' not found in imported namespace 'Sentry'

[brettdh]

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

Framework Version

Remix 2.1.0

Link to Sentry event

n/a

SDK Setup

  Sentry.init({
    dsn: window.SENTRY_DSN,
    environment: window.SENTRY_ENVIRONMENT,
    tunnel: "/api/internal/sentry_proxy",
    tracesSampleRate: 1,
    replaysSessionSampleRate: 0.1,
    replaysOnErrorSampleRate: 1,

    beforeSend(event) {
      if (event.exception) {
        errorHook(event)
      }
      return event
    },

    integrations: [
      new Sentry.BrowserTracing({
        routingInstrumentation: Sentry.remixRouterInstrumentation(
          useEffect,
          useLocation,
          useMatches,
        ),
      }),
      new Sentry.Replay({
        maskAllText: false,
        maskAllInputs: false,
        blockAllMedia: false,
      }),
    ],
  })

Steps to Reproduce

1. Configure Remix SDK as described in the setup guide (mine above has some small additions)
2. Run eslint with recommended config

Expected Result

No eslint error

Actual Result

Some variation of #4569 and #6705:

  32:18  error  'BrowserTracing' not found in imported namespace 'Sentry'  import/namespace
  39:18  error  'Replay' not found in imported namespace 'Sentry'          import/namespace

[lforst]

Hi, how did you import Sentry?

[brettdh]

As directed in the setup guide:

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

[lforst]

Would you mind sharing a small reproduction repo where we can generate this bug? Thanks!

Our generated types look fine so I am surprised you're running into this.

[brettdh]

Here you go: https://github.com/brettdh/sentry-remix-eslint-repro

Steps I took:

1. Run npx create-remix@latest --template remix-run/grunge-stack . (brettdh/sentry-remix-eslint-repro@50a7dbb)
2. Tidy up a couple things and commit the results of the remix.init script (brettdh/sentry-remix-eslint-repro@dfacdee)
3. Run npx @sentry/wizard@latest -i remix and fix unrelated import/order errors (brettdh/sentry-remix-eslint-repro@9635d84)

TIL that Github Actions has inline code annotations for checks like eslint 😮 as the errors I mentioned in the initial post also appear in that last commit I linked.