Next.js: Uncaught TypeError: Cannot read property 'forEach' of undefined at Object.injectIntoGlobalHook

[alirezavalizade]

Hi There,
I'm working with Electron and Next.js, but from couple of days ago I see an error on the console.

https://github.com/vercel/next.js/blob/114de064325d06d80287836fa6b453c62014356c/packages/react-refresh-utils/runtime.ts#L14

module.exports = {
  webpack(params) {
    const config = { ...params };
    config.target = 'electron-renderer';

    config.module.exprContextCritical = false;

    config.devtool = false;

    config.plugins = config.plugins.filter(plugin => {
      return plugin.constructor.name !== 'UglifyJsPlugin';
    });

    if (config.resolve.alias) {
      delete config.resolve.alias.react;
      delete config.resolve.alias['react-dom'];
    }

    return config;
  }
};

[alirezavalizade]

Closing this, After investigating in react code found that the reason is the old version of the react-devtool.

https://github.com/facebook/react/blob/c59c3dfe554dafb64864f3bbcfff6ffe51f32275/packages/react-refresh/src/ReactFreshRuntime.js#L485

[junaid232]

for me error was happening due to old extension in the chrome browser named React Developer tools by disabling it i was able to solve this error you could try the same or try installing latest react developer tool.

[Grong1515]

I have the same issue. There was no obvious reason why it started happening, because code has not have any updates. I tried to open a page in another browser and it worked as I expected. So I don't understand how it can happen this way, but I have it only in my Chrome v86.0.4240.198