Gives a module error

[malikozturkk]

It didn't work with both Webpack and plain config. next.config.js webpack: (config, options) => { config = withHydrationOverlayWebpack({ appRootSelector: "#__next", isMainAppEntryPoint: (entryPointName) => !options.isServer && (entryPointName === "pages/_app" || entryPointName === "main-app"), })(config); return config; },

_app.tsx

[saadshahd]

Fixed by adding @builder.io/react-hydration-overlay to next.config transpilePackages

transpilePackages: ['@builder.io/react-hydration-overlay'],

[BenjaminLesne]

@saadshahd nice! it got rid of the server error.

But I don't have the HTML diff showing up still. Am I the only one?

[malikozturkk]

Fixed by adding @builder.io/react-hydration-overlay to next.config transpilePackages

transpilePackages: ['@builder.io/react-hydration-overlay'],

Thanks, I'm trying

[malikozturkk]

Fixed by adding @builder.io/react-hydration-overlay to next.config transpilePackages

transpilePackages: ['@builder.io/react-hydration-overlay'],

Thanks!!

it worked