From 3248fed6e57b7986596e21197a9583b3770fac2a Mon Sep 17 00:00:00 2001 From: Kristóf Marussy Date: Wed, 30 Mar 2022 21:55:17 +0200 Subject: chore(deps): Bump but keep from react 18 for now MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit We need mui and mobx-react-like support before we can upgrade. See https://github.com/mobxjs/mobx/issues/2526 for discussion about the ramifications of concurrent rendering for mobx. Signed-off-by: Kristóf Marussy --- packages/renderer/src/components/sidebar/ServiceSwitcher.tsx | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'packages/renderer/src/components/sidebar') 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; -- cgit v1.2.3-54-g00ecf