10 files changed, 19 insertions, 13 deletions

diff --git a/packages/renderer/.eslintrc.json b/packages/renderer/.eslintrc.json
new file mode 100644
index 0000000..a28aec9
--- /dev/null
+++ b/packages/renderer/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+  "globals": {
+    "JSX": false
+  }
+}
diff --git a/packages/renderer/src/components/App.tsx b/packages/renderer/src/components/App.tsx
index b0a069f..8bd3dd8 100644
--- a/packages/renderer/src/components/App.tsx
+++ b/packages/renderer/src/components/App.tsx
@@ -21,8 +21,8 @@
 import Box from '@mui/material/Box';
 import React from 'react';
 
-import { BrowserViewPlaceholder } from './BrowserViewPlaceholder.jsx';
-import { Sidebar } from './Sidebar.jsx';
+import { BrowserViewPlaceholder } from './BrowserViewPlaceholder';
+import { Sidebar } from './Sidebar';
 
 export function App(): JSX.Element {
   return (
diff --git a/packages/renderer/src/components/BrowserViewPlaceholder.tsx b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
index 6827422..6aa6b7b 100644
--- a/packages/renderer/src/components/BrowserViewPlaceholder.tsx
+++ b/packages/renderer/src/components/BrowserViewPlaceholder.tsx
@@ -23,7 +23,7 @@ import { observer } from 'mobx-react-lite';
 import Box from '@mui/material/Box';
 import React, { useCallback, useRef } from 'react';
 
-import { useStore } from './StoreProvider.jsx';
+import { useStore } from './StoreProvider';
 
 export const BrowserViewPlaceholder = observer(function BrowserViewPlaceholder() {
   const {
diff --git a/packages/renderer/src/components/Sidebar.tsx b/packages/renderer/src/components/Sidebar.tsx
index a0086d2..6c79932 100644
--- a/packages/renderer/src/components/Sidebar.tsx
+++ b/packages/renderer/src/components/Sidebar.tsx
@@ -21,7 +21,7 @@
 import Box from '@mui/material/Box';
 import React from 'react';
 
-import { ToggleDarkModeButton } from './ToggleDarkModeButton.jsx';
+import { ToggleDarkModeButton } from './ToggleDarkModeButton';
 
 export function Sidebar(): JSX.Element {
   return (
diff --git a/packages/renderer/src/components/StoreProvider.tsx b/packages/renderer/src/components/StoreProvider.tsx
index fbe9b2a..da1e699 100644
--- a/packages/renderer/src/components/StoreProvider.tsx
+++ b/packages/renderer/src/components/StoreProvider.tsx
@@ -20,7 +20,7 @@
 
 import React, { createContext, useContext } from 'react';
 
-import type { RendererStore } from '../stores/RendererStore.jsx';
+import type { RendererStore } from '../stores/RendererStore';
 
 const StoreContext = createContext<RendererStore | null>(null);
 
diff --git a/packages/renderer/src/components/ThemeProvider.tsx b/packages/renderer/src/components/ThemeProvider.tsx
index 9313725..9215f5c 100644
--- a/packages/renderer/src/components/ThemeProvider.tsx
+++ b/packages/renderer/src/components/ThemeProvider.tsx
@@ -25,7 +25,7 @@ import {
 } from '@mui/material/styles';
 import React from 'react';
 
-import { useStore } from './StoreProvider.jsx';
+import { useStore } from './StoreProvider';
 
 export const ThemeProvider = observer(function ThemeProvider({ children }: {
   children: JSX.Element | JSX.Element[],
diff --git a/packages/renderer/src/components/ToggleDarkModeButton.tsx b/packages/renderer/src/components/ToggleDarkModeButton.tsx
index b48cc32..1b6757e 100644
--- a/packages/renderer/src/components/ToggleDarkModeButton.tsx
+++ b/packages/renderer/src/components/ToggleDarkModeButton.tsx
@@ -24,7 +24,7 @@ import LightModeIcon from '@mui/icons-material/LightMode';
 import IconButton from '@mui/material/IconButton';
 import React from 'react';
 
-import { useStore } from './StoreProvider.jsx';
+import { useStore } from './StoreProvider';
 
 export const ToggleDarkModeButton = observer(function ToggleDarkModeButton() {
   const { shared: { shouldUseDarkColors }, toggleDarkMode } = useStore();
diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index 8bd70d3..1626bef 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -26,11 +26,11 @@ import CssBaseline from '@mui/material/CssBaseline';
 import React from 'react';
 import { render } from 'react-dom';
 
-import { App } from './components/App.jsx';
-import { StoreProvider } from './components/StoreProvider.jsx';
-import { ThemeProvider } from './components/ThemeProvider.jsx';
-import { exposeToReduxDevtools, hotReloadServices } from './devTools.js';
-import { createAndConnectRendererStore } from './stores/RendererStore.js';
+import { App } from './components/App';
+import { StoreProvider } from './components/StoreProvider';
+import { ThemeProvider } from './components/ThemeProvider';
+import { exposeToReduxDevtools, hotReloadServices } from './devTools';
+import { createAndConnectRendererStore } from './stores/RendererStore';
 
 const isDevelopment = import.meta.env.MODE === 'development';
 
diff --git a/packages/renderer/src/stores/RendererStore.ts b/packages/renderer/src/stores/RendererStore.ts
index 397c024..037b212 100644
--- a/packages/renderer/src/stores/RendererStore.ts
+++ b/packages/renderer/src/stores/RendererStore.ts
@@ -31,7 +31,7 @@ import {
   ThemeSource,
 } from '@sophie/shared';
 
-import { getEnv, RendererEnv } from './RendererEnv.js';
+import { getEnv, RendererEnv } from './RendererEnv';
 
 export const rendererStore = types.model('RendererStore', {
   shared: types.optional(sharedStore, {}),
diff --git a/packages/renderer/vite.config.js b/packages/renderer/vite.config.js
index 80e9fb6..bcd1975 100644
--- a/packages/renderer/vite.config.js
+++ b/packages/renderer/vite.config.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-process-env */
 /* eslint-env node */
 
 import { builtinModules } from 'module';