Sentry doesn't work on Next 13.5

[RilDev]

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

SDK Version

7.70.0

Framework Version

Next 13.5.2

Link to Sentry event

No response

SDK Setup

// 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: DNS_URL,

  // 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: [
    new Sentry.Replay({
      // Additional Replay configuration goes in here, for example:
      maskAllText: true,
      blockAllMedia: true,
    }),
  ],
});

Steps to Reproduce

1. update project from Next 13.4 to 13.5 with yarn add next@latest react@latest react-dom@latest eslint-config-next@latest
2. remove and reinstall Sentry with npx @sentry/wizard@latest -i nextjs
3. run dev server with yarn dev

Expected Result

When navigating to localhost:3000, it displays a page.

Actual Result

When navigating to localhost:3000, it throws an error:

⨯ ./app/layout.tsx
Module not found: Can't resolve 'next/dist/client/components/request-async-storage'

I check in my node_modules directory and indeed request-async-storage is missing.

[lforst]

Can you try deleting your .next folder and re-building? Thanks!

[RilDev]

Hi, thanks for answering so quickly!

I already tried deleting the .next directory but it didn't fix my issue.

And the next build command returns the same error:

./app/(dashboard)/layout.tsx
Module not found: Can't resolve 'next/dist/client/components/request-async-storage'

[bautistaaa]

We are experiencing the same issues after bumping to 13.5.
Confirmed that all suggested steps did not work and that removing sentry from next config resolved the issue

related change: typehero/typehero@09ae9b7#diff-197cd8ca285a4abd2f21479e0bf6e36e90b08528fcd7f3bdbe8d1221897e377d

[lforst]

@bautistaaa two things:

• Is this also happening in CI runs or just locally?
• Can you run node -e "console.log(require.resolve('next/dist/client/components/request-async-storage'))" and share the output? Thanks!

To me, something feels off. I cannot reproduce this yet we have a few reports of this. Our E2E tests also don't run into this issue.

I have a feeling that the people running into this have some sort of dirty state that the SDK doesn't particularily like (i.e. a state where next/dist/client/components/request-async-storage is available via require.resolve).