updates for the breaking changes to remote module

src/components/LoadButton/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { remote } from 'electron'; // eslint-disable-line import/no-extraneous-dependencies
+import remote from '@electron/remote';
 import PropTypes from 'prop-types';
 
 import Button from 'react-bootstrap/Button';

src/components/SaveFileButton/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { remote } from 'electron'; // eslint-disable-line import/no-extraneous-dependencies
+import remote from '@electron/remote';
 import PropTypes from 'prop-types';
 
 import Button from 'react-bootstrap/Button';

src/components/SetupTab/ArgsForm/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { remote } from 'electron'; // eslint-disable-line import/no-extraneous-dependencies
+import remote from '@electron/remote';
 
 import Form from 'react-bootstrap/Form';
 

src/constants.js

@@ -1,5 +1,5 @@
 import path from 'path';
-import { remote } from 'electron'; // eslint-disable-line import/no-extraneous-dependencies
+import remote from '@electron/remote';
 
 const USER_DATA = remote.app.getPath('userData');
 

src/index.js

@@ -1,4 +1,5 @@
-const { remote, ipcRenderer } = require('electron'); // eslint-disable-line import/no-extraneous-dependencies
+const { ipcRenderer } = require('electron'); // eslint-disable-line import/no-extraneous-dependencies
+const remote = require('@electron/remote');
 
 const isDevMode = remote.process.argv[2] === '--dev';
 if (isDevMode) {
@@ -51,5 +52,5 @@ ipcRenderer.on('variable-reply', (event, arg) => {
   // render the App after receiving any critical data
   // from the main process
   render(arg.investExe);
-})
+});
 ipcRenderer.send('variable-request', 'ping');

src/logger.js

@@ -1,12 +1,13 @@
 const path = require('path');
 const winston = require('winston');
 require('winston-daily-rotate-file');
-const { app, remote } = require('electron');
+const { app } = require('electron');
 
 let userDataPath;
 let isDevMode;
-if (remote) {
-  // When this module is imported from render process, access via remote
+if (process && process.type === 'renderer') {
+  // When this module is imported from renderer process, access via remote
+  const remote = require('@electron/remote');
   userDataPath = remote.app.getPath('userData');
   isDevMode = remote.process.argv[2] === '--dev';
 } else {

src/main.js

@@ -1,3 +1,5 @@
+require('@electron/remote/main').initialize();
+
 const isDevMode = process.argv[2] === '--dev';
 if (isDevMode) {
   // in dev mode we can have babel transpile modules on import
@@ -45,6 +47,7 @@ const createWindow = async () => {
     useContentSize: true,
     webPreferences: {
       nodeIntegration: true,
+      enableRemoteModule: true,
     },
   });