refactor: replace require with import

src/components/Repository.test.tsx

@@ -1,8 +1,8 @@
 import { fireEvent, render, screen } from '@testing-library/react';
+import { shell } from 'electron';
 import { mockedGitHubNotifications } from '../__mocks__/mockedData';
 import { AppContext } from '../context/App';
 import { RepositoryNotifications } from './Repository';
-const { shell } = require('electron');
 
 jest.mock('./NotificationRow', () => ({
   NotificationRow: () => <div>NotificationRow</div>,

src/components/Sidebar.test.tsx

@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react';
+import { ipcRenderer, shell } from 'electron';
 import { MemoryRouter } from 'react-router-dom';
-const { shell, ipcRenderer } = require('electron');
 import { mockSettings } from '../__mocks__/mock-state';
 import { mockedAccountNotifications } from '../__mocks__/mockedData';
 import { AppContext } from '../context/App';

src/routes/Login.test.tsx

@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react';
+import { ipcRenderer } from 'electron';
 import { MemoryRouter } from 'react-router-dom';
-const { ipcRenderer } = require('electron');
 import { AppContext } from '../context/App';
 import { LoginRoute } from './Login';
 

src/routes/Login.tsx

@@ -1,5 +1,5 @@
-const { ipcRenderer } = require('electron');
 import { KeyIcon, PersonIcon } from '@primer/octicons-react';
+import { ipcRenderer } from 'electron';
 import { type FC, useContext, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Logo } from '../components/Logo';

src/routes/LoginWithOAuthApp.test.tsx

@@ -1,7 +1,7 @@
 import { fireEvent, render, screen } from '@testing-library/react';
-import { MemoryRouter } from 'react-router-dom';
-const { ipcRenderer } = require('electron');
+import { ipcRenderer } from 'electron';
 import { shell } from 'electron';
+import { MemoryRouter } from 'react-router-dom';
 import { mockedEnterpriseAccounts } from '../__mocks__/mockedData';
 import { AppContext } from '../context/App';
 import type { AuthState } from '../types';

src/routes/LoginWithOAuthApp.tsx

@@ -1,10 +1,10 @@
-const ipcRenderer = require('electron').ipcRenderer;
 import {
   ArrowLeftIcon,
   BookIcon,
   PersonIcon,
   SignInIcon,
 } from '@primer/octicons-react';
+import ipcRenderer from 'electron';
 import { type FC, useCallback, useContext, useEffect } from 'react';
 import { Form, type FormRenderProps } from 'react-final-form';
 import { useNavigate } from 'react-router-dom';
@@ -65,7 +65,7 @@ export const LoginWithOAuthApp: FC = () => {
 
   useEffect(() => {
     if (enterpriseAccounts.length) {
-      ipcRenderer.send('reopen-window');
+      ipcRenderer.ipcRenderer.send('reopen-window');
       navigate(-1);
     }
   }, [enterpriseAccounts]);

src/routes/Settings.test.tsx

@@ -1,7 +1,6 @@
 import { act, fireEvent, render, screen } from '@testing-library/react';
+import { ipcRenderer, shell } from 'electron';
 import { MemoryRouter } from 'react-router-dom';
-const { ipcRenderer } = require('electron');
-import { shell } from 'electron';
 import { mockAccounts, mockSettings } from '../__mocks__/mock-state';
 import { AppContext } from '../context/App';
 import { SettingsRoute } from './Settings';