diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-03-30 21:55:17 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-05-16 00:54:58 +0200 |
commit | 3248fed6e57b7986596e21197a9583b3770fac2a (patch) | |
tree | e417f4315d4f6d2a61109ab29aac0bcb487908bd /packages/renderer/src | |
parent | feat(renderer): Renderer translations (diff) | |
download | sophie-3248fed6e57b7986596e21197a9583b3770fac2a.tar.gz sophie-3248fed6e57b7986596e21197a9583b3770fac2a.tar.zst sophie-3248fed6e57b7986596e21197a9583b3770fac2a.zip |
chore(deps): Bump but keep from react 18 for now
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 <kristof@marussy.com>
Diffstat (limited to 'packages/renderer/src')
-rw-r--r-- | packages/renderer/src/components/sidebar/ServiceSwitcher.tsx | 5 |
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) { | |||
95 | } | 95 | } |
96 | 96 | ||
97 | function ServiceSwitcher(): JSX.Element { | 97 | function ServiceSwitcher(): JSX.Element { |
98 | // This needs to be here even if we don't use any translations in this component, | ||
99 | // because the component must stay suspended until the translations are loaded. | ||
100 | // See: https://github.com/mui/material-ui/issues/14077 | ||
101 | // TODO Try and remove this once mui and mobx-react-lite have updated to react 18. | ||
98 | const { t } = useTranslation(); | 102 | const { t } = useTranslation(); |
103 | |||
99 | const { settings, services } = useStore(); | 104 | const { settings, services } = useStore(); |
100 | const { selectedService } = settings; | 105 | const { selectedService } = settings; |
101 | 106 | ||