next build broken when wrapped with withSentryConfig

[iscekic]

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 package are you using?

@sentry/nextjs

SDK Version

7.30.0

Framework Version

nextjs 13.1.2

Link to Sentry event

N/A

SDK Setup

// next.config.js
// some properties omitted to keep it short

/** @type {import('next').NextConfig} */
const moduleExports = {
 reactStrictMode: true,

 swcMinify: false,

 experimental: {
 fallbackNodePolyfills: false,
 },

 eslint: {
 ignoreDuringBuilds: true,
 },
 typescript: {
 ignoreBuildErrors: true,
 },

 distDir: "build",

 poweredByHeader: false,

 sentry: {
 hideSourceMaps: true,
 widenClientFileUpload: true,
 tunnelRoute: "/api/sentry-tunnel",
 },
};

const sentryWebpackPluginOptions = {
 silent: true,
 release: "some-generated-string",
 errorHandler: (err, invokeErr, compilation) => {
 compilation.warnings.push("Sentry CLI Plugin: " + err.message);
 },
};

const wrapper =
 process.env.ANALYZE === "1"
 ? require("@next/bundle-analyzer")({
 enabled: true,
 })
 : (arg) => arg;

module.exports = wrapper(
 withSentryConfig(moduleExports, sentryWebpackPluginOptions)
);

Steps to Reproduce

1. yarn next build

If withSentryConfig is removed, the build passes.

Expected Result

Build succeeds, next start runs successfully

Actual Result

NODE_ENV=production CI=1 yarn build
 
yarn run v1.22.19 
$ next build 
info - Loaded env from /Users/igor/Projects/fireside-next-app/.env
warn - You have enabled experimental feature (fallbackNodePolyfills) in next.config.js.
warn - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.

info - Skipping validation of types
info - Skipping linting
[@sentry/nextjs] You are using edge functions or middleware. Please note that Sentry does not yet support error monitoring for these features.
✨ Done in 56.93s.

NODE_ENV=production CI=1 yarn next start

yarn run v1.22.19 
$ /Users/igor/Projects/fireside-next-app/node_modules/.bin/next start 
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info - Loaded env from /Users/igor/Projects/fireside-next-app/.env
warn - You have enabled experimental feature (fallbackNodePolyfills) in next.config.js.
warn - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.

/Users/igor/Projects/fireside-next-app/build/BUILD_ID
Error: Could not find a production build in the '/Users/igor/Projects/fireside-next-app/build' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-build-id
 at NextNodeServer.getBuildId (/Users/igor/Projects/fireside-next-app/node_modules/next/dist/server/next-server.js:173:23)
 at new Server (/Users/igor/Projects/fireside-next-app/node_modules/next/dist/server/base-server.js:58:29)
 at new NextNodeServer (/Users/igor/Projects/fireside-next-app/node_modules/next/dist/server/next-server.js:67:9)
 at NextServer.createServer (/Users/igor/Projects/fireside-next-app/node_modules/next/dist/server/next.js:143:16)
 at async /Users/igor/Projects/fireside-next-app/node_modules/next/dist/server/next.js:155:31
 at async NextServer.prepare (/Users/igor/Projects/fireside-next-app/node_modules/next/dist/server/next.js:130:24)
 at async /Users/igor/Projects/fireside-next-app/node_modules/next/dist/cli/next-start.js:118:9
error Command failed with exit code 1. 
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

[lforst]

Hi, withSentryConfig returns a function that you need to pass in the args next js passes to the default export. Please see:

• https://nextjs.org/docs/api-reference/next.config.js/introduction#:~:text=You%20can%20also%20use%20a%20function
• https://www.npmjs.com/package/@next/bundle-analyzer#:~:text=Or%20configuration%20as%20a%20function%3A

[iscekic]

@lforst I'm not sure I understand what you're suggesting. I've changed the module.exports to:

module.exports = withSentryConfig(moduleExports, sentryWebpackPluginOptions);

I'm getting the same result.

The issue seems to be occuring with next 13.1.2 - an older version I'm using (13.0.6) works ok without any changes.

[lforst]

@lforst I'm not sure I understand what you're suggesting. I've changed the module.exports to:

module.exports = withSentryConfig(moduleExports, sentryWebpackPluginOptions);

I'm getting the same result.

The issue seems to be occuring with next 13.1.2 - an older version I'm using (13.0.6) works ok without any changes.

That should work. I did a test with next 13.1.2 and couldn't reproduce this issue. Can you try deleting your node_modules, reinstalling your dependencies, deleting your build folder, and rerunning next build && next start?

If that doesn't work, could you provide a small reproduction example so we can debug this further? Thanks!

[iscekic]

I deleted node_modules and build, ran next build and next start and I'm still getting the same result.

The output of the compilation seems to be there, other than the BUILD_ID file. Any hint on how I could better debug this?

[lforst]

The SDK doesn't do anything to the BUILD_ID file. I am still a bit skeptical that the SDK is responsible for causing this issue. Can you provide a minimal reproduction example we can clone?

[iscekic]

Looks like I can't get 7.31.0 to work at all due to #6808

When 7.31.1 gets published I'll give it another shot and get back to you.