navigator is not defined

When I start my electron app (npx electron main.js), on this line, i have this error. Electronjs version: v10.1.4 Code:

const { app, BrowserWindow } = require("electron");
const customTitlebar = require("custom-electron-titlebar");

function createWindow(){

  const window = new BrowserWindow({
    width: 1280,
    height: 720,
    resizable: false,
    titleBarStyle: "hidden",
    frame: false,
    webPreferences: {
      nodeIntegration: true,
    },
  });
  
  new customTitlebar.Titlebar({
    backgroundColor: customTitlebar.Color.fromHex("#444"),
  });

  window.loadFile("../public/index.html");
}

[ghost]

I was able to fix this by including it after the react app render statement. Just put it at the end of your index.html

[0xdeafcafe]

It looks like you’re instantiating TitleBar in the electron main process, rather than the renderer process (where it actually has access to the DOM). That is why it works when you added it into the index.html file.