Fix positioner related problems

Author: burakkaraceylan

.erb/configs/webpack.config.renderer.dev.ts

@@ -168,7 +168,7 @@ const configuration: webpack.Configuration = {
         shell: true,
         stdio: 'inherit',
       })
-        .on('close', (code: number) => process.exit(code!))
+        .on('close', (code: number) => process.exit(code))
         .on('error', (spawnError) => console.error(spawnError));
 
       console.log('Starting Main Process...');
@@ -178,7 +178,7 @@ const configuration: webpack.Configuration = {
       })
         .on('close', (code: number) => {
           preloadProcess.kill();
-          process.exit(code!);
+          process.exit(code);
         })
         .on('error', (spawnError) => console.error(spawnError));
       return middlewares;

package-lock.json

@@ -106,7 +106,6 @@
     "@teamsupercell/typings-for-css-modules-loader": "^2.5.1",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.2.0",
-    "@types/electron-positioner": "^4.1.1",
     "@types/jest": "^27.5.1",
     "@types/node": "17.0.33",
     "@types/react": "^18.0.9",

package.json

@@ -12,13 +12,14 @@ import path from 'path';
 import { app, BrowserWindow, shell, ipcMain } from 'electron';
 import { autoUpdater } from 'electron-updater';
 import log from 'electron-log';
-import Positoner from 'electron-positioner';
 import { ElectronBlocker } from '@cliqz/adblocker-electron';
 import fetch from 'cross-fetch';
 import { resolveHtmlPath } from './util';
 import MenuBuilder from './menu';
 
-let positioner: Positoner;
+const Positoner = require('electron-positioner');
+
+let positioner: any;
 
 export default class AppUpdater {
   constructor() {
@@ -159,6 +160,6 @@ app
   })
   .catch(console.log);
 
-ipcMain.on('window-move', (event, args) => {
+ipcMain.on('window-move', (_event, args) => {
   positioner.move(args);
 });

src/main/main.ts

@@ -13,7 +13,7 @@ import { SearchContext } from '../../context/SearchContext';
 
 type SearchEngineModalProps = {
   isOpen: boolean;
-  onClose: any;
+  onClose: () => void;
 };
 
 const SearchEngineModal = ({ isOpen, onClose }: SearchEngineModalProps) => {

src/renderer/components/Settings/SearchEngineModal.tsx

@@ -26,9 +26,10 @@ const theme = extendTheme({
   },
 });
 
-const container = document.getElementById('root')!;
-const root = createRoot(container);
-root.render(
+const container = document.getElementById('root');
+const root = container && createRoot(container);
+
+root?.render(
   <ChakraProvider resetCSS theme={theme}>
     <App />
   </ChakraProvider>