title: Unable to load react dev tools in electron
body: <p>I'm trying to load React and Redux dev tools in electron, so far Redux was loaded successfully, but React was not. I didn't see the React tab in <code>Developer Tools</code>. Here is my code:</p>
  <p><em>main.js</em></p>
  <pre class="lang-js prettyprint-override"><code>const electron = require(&quot;electron&quot;);
  const path = require(&quot;path&quot;);
  const url = require(&quot;url&quot;);
  const os = require(&quot;os&quot;);
  
  const { app, BrowserWindow } = electron;
  
  let win;
  
  const installExtensions = async () =&gt; {
    const ses = win.webContents.session;
      // react dev tools
      ses.loadExtension(
        path.join(
          os.homedir(),
          &quot;.config/google-chrome/Default/Extensions/fmkadmapgofadopljbjfkapdkoienihi/4.9.0_0&quot;
        )
      );
      // redux dev tools
      ses.loadExtension(
        path.join(
          os.homedir(),
          &quot;.config/google-chrome/Default/Extensions/lmhkpmbekcpmknklioeibfkpmmfibljd/2.17.0_0&quot;
        )
      );
  };
  
  const createWindow = async () =&gt; {
  
    win = new BrowserWindow({
      webPreferences: {
        nodeIntegration: true,
        enableRemoteModule: true,
      },
    });
    win.maximize();
  
    await installExtensions();
  
    win.loadURL(
      url.format({
        pathname: path.join(__dirname, &quot;index.html&quot;),
        protocol: &quot;file:&quot;,
        slashes: true,
      })
    );
  
    win.webContents.once(&quot;dom-ready&quot;, () =&gt; {
      win.webContents.openDevTools();
    });
  
    win.on(&quot;closed&quot;, () =&gt; {
      win = null;
    });
  };
  
  app.on(&quot;ready&quot;, createWindow);
  
  app.on(&quot;window-all-closed&quot;, () =&gt; {
    if (process.platform !== &quot;darwin&quot;) {
      app.quit();
    }
  });
  
  app.on(&quot;activate&quot;, () =&gt; {
    if (win === null) {
      createWindow();
    }
  });
  </code></pre>
  <p><em>package.json</em></p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;name&quot;: &quot;electron-react-typescript&quot;,
    &quot;version&quot;: &quot;0.0.7&quot;,
    &quot;description&quot;: &quot;&quot;,
    &quot;main&quot;: &quot;/main.js&quot;,
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;electron main.js&quot;
    },
    &quot;dependencies&quot;: {
      &quot;electron&quot;: &quot;^10.1.5&quot;,
      &quot;electron-builder&quot;: &quot;^22.9.1&quot;
    }
  }
  </code></pre>
  <p>I started the program using <code>yarn start</code>, here is the output:</p>
  <pre><code>yarn run v1.22.10
  warning package.json: No license field
  $ electron main.js
  (node:8189) ExtensionLoadWarning: Warnings loading extension at /home/searene/.config/google-chrome/Default/Extensions/fmkadmapgofadopljbjfkapdkoienihi/4.9.0_0: Unrecognized manifest key 'browser_action'. Unrecognized manifest key 'minimum_chrome_version'. Unrecognized manifest key 'update_url'. Cannot load extension with file or directory name _metadata. Filenames starting with &quot;_&quot; are reserved for use by the system. 
  (node:8189) ExtensionLoadWarning: Warnings loading extension at /home/searene/.config/google-chrome/Default/Extensions/lmhkpmbekcpmknklioeibfkpmmfibljd/2.17.0_0: Unrecognized manifest key 'commands'. Unrecognized manifest key 'homepage_url'. Unrecognized manifest key 'page_action'. Unrecognized manifest key 'short_name'. Unrecognized manifest key 'update_url'. Permission 'notifications' is unknown or URL pattern is malformed. Permission 'contextMenus' is unknown or URL pattern is malformed. Permission 'tabs' is unknown or URL pattern is malformed. Cannot load extension with file or directory name _metadata. Filenames starting with &quot;_&quot; are reserved for use by the system. 
  </code></pre>
  <p>I saw <code>Redux</code> in the developer tools, but I didn't find <code>React</code>. According to <a href="https://github.com/electron/electron/issues/23662" rel="nofollow noreferrer">this github issue</a>, the above warnings shouldn't block the loading of dev tools. I also tried re-opening dev-tools, no luck. How to solve it?</p>