TypeError: withSentryConfig is not a function

[coreypett33]

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

Framework Version

"react": "^17.0.2", "next": "^11.1.2",

Link to Sentry event

No response

Steps to Reproduce

1. add sentry to nextjs application.
   https://docs.sentry.io/platforms/javascript/guides/nextjs/
2. update next.config.js

// This file sets a custom webpack configuration to use your Next.js app
// with Sentry.
// https://nextjs.org/docs/api-reference/next.config.js/introduction
// https://docs.sentry.io/platforms/javascript/guides/nextjs/

const { withSentryConfig } = require('@sentry/nextjs');

const moduleExports = {
  // Your existing module.exports
  reactStrictMode: true,
  swcMinify: true,
};

const sentryWebpackPluginOptions = {
  // Additional config options for the Sentry Webpack plugin. Keep in mind that
  // the following options are set automatically, and overriding them is not
  // recommended:
  //   release, url, org, project, authToken, configFile, stripPrefix,
  //   urlPrefix, include, ignore

  silent: true, // Suppresses all logs
  // For all available options, see:
  // https://github.com/getsentry/sentry-webpack-plugin#options.
};

// Make sure adding Sentry options is the last code to run before exporting, to
// ensure that your source maps include changes from all other Webpack plugins
module.exports = withSentryConfig(moduleExports, sentryWebpackPluginOptions);

3. run yarn dev

Expected Result

App should start

Actual Result

localhost:3001 shows the following error in chrome.

Terminal does not show the error.

[lobsterkatie]

Hi, @coreypett33.

I've tried and can't replicate this behavior. Can you please provide a small repro app?

[github-actions]

This issue has gone three weeks without activity. In another week, I will close it.

But! If you comment or otherwise update it, I will reset the clock, and if you label it Status: Backlog or Status: In Progress, I will leave it alone ... forever!

---

"A weed is but an unloved flower." ― Ella Wheeler Wilcox 🥀

[bramski]

I immediately hit this error using the sentry wizard. Something is broken with it.

[BARK-RMILLER]

For future people who encounter this error: I fixed this by converting my next.config.js file into next.config.mjs. This allowed me to do the sentry import like so: const { withSentryConfig } = await import('@sentry/nextjs');

Then export the config like so: export default withSentryConfig(nextConfig, sentryWebpackPluginOptions);

The issue seems to be that the Sentry configuration requires that you do a module import, which isn't supported by a regular next.config.js. See the next.js docs on the config file here.

[Geczy]

const { withSentryConfig } = await import('@sentry/nextjs');

this didnt fix the issue for me

[prateekjain98]

I'm trying to upgrade from 7.30.0 to 7.43.0 but when I try to upgrade, it throws this error while building.