getsentry / sentry-javascript

Official Sentry SDKs for JavaScript
https://sentry.io
MIT License
7.76k stars 1.52k forks source link

'replayIntegration' not found in imported namespace 'Sentry' (Nextjs) #12706

Open alperen-bircak opened 4 days ago

alperen-bircak commented 4 days ago

Is there an existing issue for this?

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/nextjs

SDK Version

8.13.0

Framework Version

14.2.4

Link to Sentry event

No response

SDK Setup/Reproduction Example

// This file configures the initialization of Sentry on the client. // The config you add here will be used whenever a users loads a page in their browser. // https://docs.sentry.io/platforms/javascript/guides/nextjs/

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

Sentry.init({ dsn: "", // Omitted

// Adjust this value in production, or use tracesSampler for greater control tracesSampleRate: 1,

// Setting this option to true will print useful information to the console while you're setting up Sentry. debug: false,

replaysOnErrorSampleRate: 1.0,

// This sets the sample rate to be 10%. You may want this to be 100% while // in development and sample at a lower rate in production replaysSessionSampleRate: 0.1,

// You can remove this option if you're not planning to use the Sentry Session Replay feature: integrations: [ Sentry.replayIntegration({ // Additional Replay configuration goes in here, for example: maskAllText: true, blockAllMedia: true, }), ], });

Steps to Reproduce

  1. run npx @sentry/wizard@latest -i nextjs
  2. error is visible in "sentry.client.config.ts"

Expected Result

To integrations to exist and be exported.

Actual Result

'replayIntegration' not found in imported namespace 'Sentry'.eslint(import/namespace)

lforst commented 4 days ago

Hi, the import/namespace eslint plugin is broken for packages that use conditional exports. Please use TypeScript instead if you want to verify that the imports work.

More info https://github.com/import-js/eslint-plugin-import/issues/2969