5 files changed, 13 insertions, 13 deletions

diff --git a/packages/renderer/src/components/sidebar/ServiceIcon.tsx b/packages/renderer/src/components/sidebar/ServiceIcon.tsx
index 7a6d58a..f3f025a 100644
--- a/packages/renderer/src/components/sidebar/ServiceIcon.tsx
+++ b/packages/renderer/src/components/sidebar/ServiceIcon.tsx
@@ -24,7 +24,7 @@ import { styled } from '@mui/material/styles';
 import { observer } from 'mobx-react-lite';
 import React, { useEffect, useState } from 'react';
 
-import type Service from '../../stores/Service';
+import type Service from '../../stores/Service.js';
 
 const ServiceIconRoot = styled('div', {
   name: 'ServiceIcon',
diff --git a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
index 7aa9124..56487df 100644
--- a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
+++ b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
@@ -26,11 +26,11 @@ import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import type RendererStore from '../../stores/RendererStore';
-import type Service from '../../stores/Service';
-import { getServicePanelID } from '../ServicePanel';
+import type RendererStore from '../../stores/RendererStore.js';
+import type Service from '../../stores/Service.js';
+import { getServicePanelID } from '../ServicePanel.js';
 
-import ServiceIcon from './ServiceIcon';
+import ServiceIcon from './ServiceIcon.js';
 
 const ServiceSwitcherRoot = styled(Tabs, {
   name: 'ServiceSwitcher',
diff --git a/packages/renderer/src/components/sidebar/Sidebar.tsx b/packages/renderer/src/components/sidebar/Sidebar.tsx
index 6c802ac..7308900 100644
--- a/packages/renderer/src/components/sidebar/Sidebar.tsx
+++ b/packages/renderer/src/components/sidebar/Sidebar.tsx
@@ -22,11 +22,11 @@ import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import React from 'react';
 
-import RendererStore from '../../stores/RendererStore';
+import RendererStore from '../../stores/RendererStore.js';
 
-import ServiceSwitcher from './ServiceSwitcher';
-import ToggleDarkModeButton from './ToggleDarkModeButton';
-import ToggleLocationBarButton from './ToggleLocationBarButton';
+import ServiceSwitcher from './ServiceSwitcher.js';
+import ToggleDarkModeButton from './ToggleDarkModeButton.js';
+import ToggleLocationBarButton from './ToggleLocationBarButton.js';
 
 const SidebarRoot = styled(Box)(({ theme }) => ({
   flex: 0,
diff --git a/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx b/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx
index a922389..5e15d4b 100644
--- a/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx
+++ b/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx
@@ -25,7 +25,7 @@ import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import type RendererStore from '../../stores/RendererStore';
+import type RendererStore from '../../stores/RendererStore.js';
 
 function ToggleDarkModeButton({
   store: { shared },
diff --git a/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx b/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx
index b6644a3..64b4ca9 100644
--- a/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx
+++ b/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx
@@ -20,15 +20,15 @@
 
 import IconChevronLeft from '@mui/icons-material/KeyboardDoubleArrowLeft';
 import IconChevronRight from '@mui/icons-material/KeyboardDoubleArrowRight';
-import { useTheme } from '@mui/material';
 import CircularProgress from '@mui/material/CircularProgress';
 import IconButton from '@mui/material/IconButton';
+import { useTheme } from '@mui/material/styles';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import type RendererStore from '../../stores/RendererStore';
-import { getLocaltionBarID } from '../locationBar/LocationBar';
+import type RendererStore from '../../stores/RendererStore.js';
+import { getLocaltionBarID } from '../locationBar/LocationBar.js';
 
 function ToggleLocationBarIcon({
   loading,