react electron frameless window (contextBridge API error) - node.js

Question

I am trying to make an electron react project with my own custom frameless window.
I've accomplished this before, just without react, but not it seems like introducing react is causing some error I can't solve.
I was following this tutorial on how to add a frameless window.
And I have my electron.js file containing this code:
// Create the native browser window.
function createWindow() {
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
enableRemoteModule: true,
nodeIntegration: true,
contextIsolation: false,
preload: path.join(__dirname, "preload.js"),
},
frame: false,
backgroundColor: '#FFF',
});
// In production, set the initial browser path to the local bundle generated
// by the Create React App build process.
// In development, set it to localhost to allow live/hot-reloading.
const appURL = app.isPackaged
? url.format({
pathname: path.join(__dirname, "index.html"),
protocol: "file:",
slashes: true,
})
: "http://localhost:3000";
mainWindow.loadURL(appURL);
Which loads my index.html file, inside that index.html file I have a link to renderer.js at the bottom:
<script src="renderer.js"></script>
</body>
</html>
inside renderer.js, the first lines have some require() lines
const remote = require('electron').remote;
const app = require('electron')
const win = remote.getCurrentWindow(); /* Note this is different to the
html global `window` variable */
But I havent been able to get these lines to pass correctly. my electron branch is 'frameless-window' located here:
https://github.com/MartinBarker/electron-react/tree/frameless-window
My current error message is:
node:electron/js2c/renderer_init:45 Uncaught Error: contextBridge API can only be used when contextIsolation is enabled
at node:electron/js2c/renderer_init:45
at Object.exposeInMainWorld (node:electron/js2c/renderer_init:45)
at process.<anonymous> (C:\Users\marti\Documents\projects\react-electron-oct023\electron-react\public\preload.js:9)
at Object.onceWrapper (node:events:513)
at process.emit (node:events:394)
renderer.js:4 Uncaught TypeError: Cannot read properties of undefined (reading 'getCurrentWindow')
at renderer.js:4
but if i change contextIsolation: true, in electron.js, the error changes to this:
renderer.js:1 Uncaught ReferenceError: require is not defined
Am I missing some way to make this renderer.js file work?