1 files changed, 5 insertions, 0 deletions

diff --git a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
index 010c716..60b8b98 100644
--- a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
+++ b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
@@ -95,7 +95,12 @@ function getServiceTitle(service: Service, t: TFunction) {
 }
 
 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.
   const { t } = useTranslation();
+
   const { settings, services } = useStore();
   const { selectedService } = settings;