included react dev tools with older version that works

Author: k-villano

main.js

@@ -46,12 +46,10 @@ const url = require('url');
 const fs = require('fs');
 const log = require('electron-log');
 
-const reactDevToolsPath = path.join(
-  os.homedir(),
-  '/Downloads/ReactDevTools'
-)
-
-
+// React dev tools current version 28 is not compatible with electron because it relys on
+// scripts, this may be fixed in the future but for now this gives us the 27 version of the
+// extension and loads in manually NOT as part of electron-devtools-installer
+const reactDevToolsPath = path.join(__dirname, 'ReactDevToolsWebExtDep');
 
 // proto-parser func for parsing .proto files
 const protoParserFunc = require('./main_process/protoParser.js');
@@ -157,13 +155,15 @@ function createWindow() {
 
     // dev mode title
     mainWindow.setTitle('Swell (devMode)');
+     
+    // if we are in developer mode Add React & Redux DevTools to Electron App
 
-    // { allowFileAccess: true }
+
+    // this manually installs the depricated dev tools that are compatible with electron
     session.defaultSession.loadExtension(reactDevToolsPath)
       .then((name) => console.log(`Added Extension:  ${name}`))
       .catch((err) => console.log('An error occurred: ', err));
-
-    // if we are in developer mode Add React & Redux DevTools to Electron App
+    // ****** if current react dev tools version did work with electron we would use the below commented code ****
     // installExtension(REACT_DEVELOPER_TOOLS)
     //   .then((name) => console.log(`Added Extension:  ${name}`))
     //   .catch((err) => console.log('An error occurred: ', err));