1 files changed, 6 insertions, 7 deletions

diff --git a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
index 24cfd0c..7aa9124 100644
--- a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
+++ b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
@@ -26,9 +26,9 @@ 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 { useStore } from '../StoreProvider';
 
 import ServiceIcon from './ServiceIcon';
 
@@ -88,14 +88,13 @@ function getServiceTitle(service: Service, t: TFunction) {
   return t('service.title.nameWithMessages', { name, messages: messagesText });
 }
 
-function ServiceSwitcher(): JSX.Element {
-  // This needs to be here even if we don't use any translations in this component,
-  // because the component must stay suspended until the translations are loaded.
-  // See: https://github.com/mui/material-ui/issues/14077
-  // TODO Try and remove this once mui and mobx-react-lite have updated to react 18.
+function ServiceSwitcher({
+  store: { settings, services },
+}: {
+  store: RendererStore;
+}): JSX.Element {
   const { t } = useTranslation();
 
-  const { settings, services } = useStore();
   const { selectedService } = settings;
 
   return (