Can't use withSentryConfig because it breaks NextJS

[leonardopiperai]

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

@sentry/nextjs 7.70.0

Link to Sentry event

No response

SDK Setup

next.config

/** @type {import('next').NextConfig} */
const { withSentryConfig } = require('@sentry/nextjs')

const nextConfig = {
  reactStrictMode: true,
  serverRuntimeConfig: {
    buildEnv: process.env.BUILD_ENV
  },
  publicRuntimeConfig: {
    buildEnv: process.env.BUILD_ENV
  },
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: '**'
      }
    ]
  }
}

module.exports = nextConfig

module.exports = withSentryConfig(module.exports, { silent: true })

sentry.client.config.js

import * as Sentry from '@sentry/nextjs'

const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN
const SENTRY_ENVIRONMENT = process.env.SENTRY_ENVIRONMENT || process.env.ENVIRONMENT

Sentry.init({
  dsn: SENTRY_DSN,
  environment: SENTRY_ENVIRONMENT,
  tracesSampleRate: 0.1,
  debug: false,
  replaysOnErrorSampleRate: 0.1,
  replaysSessionSampleRate: 0.1,
  integrations: [
    new Sentry.Replay({
      maskAllText: true,
      blockAllMedia: true
    })
  ]
})

Steps to Reproduce

1. Run next dev
2. Console throws an error (see picture below)

Expected Result

Not to break the build

Actual Result

Some comments:

• This error is fixed with version 7.20.1 the problem is that that version is imcompatible with my current Next version next@13.5.1
• If I remove withSentryConfig everything works, but there is some problem with withSentryConfig wrapping the NextJS config

[lforst]

Hi, thanks for writing in. I am also using next auth in my sideproject in combination with the SDK and I cannot reproduce this. Would you mind sharing a small reproduction example (git repo we can clone or stackblitz or similar) so we an effectively debug this? Thanks!

[Deliaz]

Getting the same problem with Next v14 and Sentry SDK 7.77.0:

export { _asyncNullishCoalesce } from './_asyncNullishCoalesce.js';
^^^^^^

SyntaxError: Unexpected token 'export'

[lforst]

@Deliaz Can you please open a separate issue with reproduction examples, as this does not seem to be the same error as described in the original issue. Thanks!