Как использовать @electron/remote для создания нового BrowserWindow в ReactJS?

Question

[DanyGersh]

Имеется приложение на Electron и использованием ReactJS. Появилась необходимость сделать новое окно через компонент, однако это не выходит, и у нового окна в консоли появляется ошибка "@electron/remote is disabled for this WebContents. Call require("@electron/remote/main").enable(webContents) to enable it."

Main.js:

const mainWindow = new BrowserWindow({
    width: 1280,
    height: 720,
    show: false,
    webPreferences: {
      nodeIntegration: true,
      enableRemoteModule: true,
      contextIsolation: false,
      webSecurity: false
    },
  })
  require("@electron/remote/main").initialize();
  require("@electron/remote/main").enable(mainWindow.webContents);

Функция в компоненте:

function createWindow () {
    let win = new BrowserWindow({
      webPreferences: {
        nodeIntegration: true,
        contextIsolation: false,
        webSecurity: false
      },
    })
    window.require("@electron/remote/main").enable(win.webContents);
    win.loadURL('http://localhost:3000/overlay')
  }
  createWindow()