`@sentry/nextjs` on nextjs 12 disables Nextjs HMR and causes full reloads

[remorses]

• Review the documentation: https://docs.sentry.io/
• Search for existing issues: https://github.com/getsentry/sentry-javascript/issues
• Use the latest release: https://github.com/getsentry/sentry-javascript/releases
• Provide a link to the affected event from your Sentry account

Package + Version

• @sentry/browser 6.15.0
• @sentry/node 6.15.0
• raven-js
• raven-node (raven for node)
• other: @sentry/nextjs

Version:

6.15.0

Description

@sentry/nextjs disables Nextjs HMR a causes full reloads on every change

I am using the default @sentry/nextjs setup created with the sentry wizard

To currently fix this you can do the following in your next.config.js

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

const withSentryConfig =
    process.env.NODE_ENV === 'production' ? _withSentryConfig : (x) => x

module.exports = withSentryConfig(config)

[lobsterkatie]

Hi, @remorses. Sorry you're running into this.

When I use the SDK with next dev, it seems to work fine. That said, 99% of the time I use next build since I'm making changes to the SDK rather than my test app, so perhaps I'm not looking for the right thing. Can you please give me a little more detail about what you're seeing (full reload) compared to what you'd expect to be seeing (HMR behavior)?

[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 🥀