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

[Matrixbirds]

Hi guys, I m using electron-devtools-installer in my electron apps.

reproduce steps:

1. integration code in electron main code.

const installExtension = require("electron-devtools-installer");
// TODO: replace official package version
// when writing this code, electron-devtools-installer has not released the latest version
// Expected version, greater than: v3.1.1
installExtension
    .default([installExtension.REACT_DEVELOPER_TOOLS], {
        loadExtensionOptions: {
            allowFileAccess: true,
        },
    })
    .catch((err: Error) => console.log("added extension failed", err));

2. bootstrap main process.

Got Error Uncaught TypeError: Cannot read property 'forEach' of undefined at Object.injectIntoGlobalHook.

Found many solutions about this error is indicating when using old verions react devtools, caused the conflict with react react-refresh/src/ReactFreshRuntime.js

Solutions:

We can see the userData is the folder to save the react-devtools in extensions folder.

1. find the userData path.
2. delete extensions folder.
3. re-install react-devtools by electron-devtools-installer.

[Matrixbirds]

Suggestion:

1. How to handle notification about old extensions plugin to upgrade the latest version or stable version.

[julianmesa-gitkraken]

@Matrixbirds This PR will download the required devtools: #210
At now chrome version passed to the chrome store is 32, so yo get an old devtools