fix: withSentryConfig and withPlugins ([email protected]) don't render images in dev mode

[natterstefan]

Issue - withSentryConfig with withPlugins

When downgrading next to [email protected] images are not rendered properly during development (next/image), compared to running the app with [email protected].

The following version of next-compose-plugins is used "next-compose-plugins": "2.2.1"

The issue also appears with these combinations

"@sentry/nextjs": "6.8.0", // also with 6.7.1
"next": "10.1.3",

with this next.config.js

// see https://github.com/natterstefan/next-with-sentry/blob/6ab34648623c80ff5e4c65ee72ff6e4c7b60e1c1/next.config.js#L36-L37
const config = withPlugins([withGraphql], moduleExports) 
module.exports = withSentryConfig(config, SentryWebpackPluginOptions) 

and is resolved with

"@sentry/nextjs": "6.8.0", // also with 6.7.1
"next": "10.2.3" // but not with 10.1.3

with this next.config.js

// next.config.js
module.exports = withPlugins(
  [withGraphql],
  withSentryConfig(moduleExports, SentryWebpackPluginOptions)
)

FTR: this config does not work with [email protected]!

Related issues

• @sentry/nextjs: v6.7.2 (and v6.8.0) does not work with next-compose-plugins getsentry/sentry-javascript#3733
  • I use "@sentry/nextjs": "^6.8.0" unfortunately. 🤔
• @sentry/nextjs: can't read data inside next-compose-plugins getsentry/sentry-javascript#3579

Screenshots

[email protected] on localhost (this branch)

It does not work when running yarn dev but does with yarn build && yarn start!

[email protected] on Vercel (this branch)

https://next-with-sentry-git-fix-202106-image-issue-2b3df5-natterstefan.vercel.app/

[email protected] on localhost (main branch)

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/natterstefan/next-with-sentry/3zN2GPLuV4FcNnoej9PSjwDyvkCL
✅ Preview: https://next-with-sentry-git-fix-202106-image-issue-2b3df5-natterstefan.vercel.app

[natterstefan]

FTR (based on 0b95676):

    "@sentry/nextjs": "6.13.2",
    "next": "10.2.3",

works (also with "next": "11.1.2"), but still

    "@sentry/nextjs": "6.13.2",
    "next": "10.1.3",

does not.