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>

8 files changed, 30 insertions, 25 deletions

diff --git a/packages/main/package.json b/packages/main/package.json
index 85f9b12..ca53b8a 100644
--- a/packages/main/package.json
+++ b/packages/main/package.json
@@ -10,21 +10,21 @@
   "dependencies": {
     "@sophie/service-shared": "workspace:*",
     "@sophie/shared": "workspace:*",
-    "chalk": "^5.0.0",
+    "chalk": "^5.0.1",
     "deep-equal": "^2.0.5",
-    "electron": "17.1.0",
+    "electron": "17.3.1",
     "fs-extra": "^10.0.1",
     "i18next": "^21.6.14",
-    "json5": "^2.2.0",
+    "json5": "^2.2.1",
     "lodash-es": "^4.17.21",
     "loglevel": "^1.8.0",
     "loglevel-plugin-prefix": "^0.8.4",
-    "mobx": "^6.4.1",
+    "mobx": "^6.5.0",
     "mobx-state-tree": "^5.1.3",
     "ms": "^2.1.3",
-    "nanoid": "^3.3.1",
+    "nanoid": "^3.3.2",
     "os-name": "^5.0.1",
-    "slug": "^5.2.0"
+    "slug": "^5.3.0"
   },
   "devDependencies": {
     "@jest/globals": "^27.5.1",
@@ -33,11 +33,11 @@
     "@types/electron-devtools-installer": "^2.2.1",
     "@types/lodash-es": "^4.17.6",
     "@types/ms": "^0.7.31",
-    "@types/node": "^17.0.21",
+    "@types/node": "^17.0.23",
     "@types/slug": "^5.0.3",
     "@types/source-map-support": "^0.5.4",
     "electron-devtools-installer": "^3.2.0",
-    "esbuild": "^0.14.23",
+    "esbuild": "^0.14.29",
     "git-repo-info": "^2.1.1",
     "jest": "^27.5.1",
     "jest-mock": "^27.5.1",
diff --git a/packages/preload/package.json b/packages/preload/package.json
index a8d73e8..536cfe5 100644
--- a/packages/preload/package.json
+++ b/packages/preload/package.json
@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "@sophie/shared": "workspace:*",
-    "electron": "17.1.0",
+    "electron": "17.3.1",
     "i18next": "^21.6.14",
     "loglevel": "^1.8.0",
-    "mobx": "^6.4.1",
+    "mobx": "^6.5.0",
     "mobx-state-tree": "^5.1.3"
   },
   "devDependencies": {
diff --git a/packages/renderer/package.json b/packages/renderer/package.json
index 4f00a3f..4f990ae 100644
--- a/packages/renderer/package.json
+++ b/packages/renderer/package.json
@@ -8,17 +8,17 @@
     "typecheck:workspace": "yarn g:typecheck"
   },
   "dependencies": {
-    "@emotion/react": "^11.8.1",
+    "@emotion/react": "^11.8.2",
     "@emotion/styled": "^11.8.1",
-    "@fontsource/roboto": "^4.5.3",
-    "@mui/icons-material": "^5.4.2",
-    "@mui/material": "^5.4.3",
+    "@fontsource/roboto": "^4.5.5",
+    "@mui/icons-material": "^5.5.1",
+    "@mui/material": "^5.5.3",
     "@sophie/shared": "workspace:*",
     "i18next": "^21.6.14",
     "lodash-es": "^4.17.21",
     "loglevel": "^1.8.0",
     "loglevel-plugin-prefix": "^0.8.4",
-    "mobx": "^6.4.1",
+    "mobx": "^6.5.0",
     "mobx-react-lite": "^3.3.0",
     "mobx-state-tree": "^5.1.3",
     "react": "^17.0.2",
@@ -29,14 +29,14 @@
     "@jest/globals": "^27.5.1",
     "@types/jest": "^27.4.1",
     "@types/lodash-es": "^4.17.6",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.11",
-    "@vitejs/plugin-react": "^1.2.0",
+    "@types/react": "^17.0.43",
+    "@types/react-dom": "^17.0.14",
+    "@vitejs/plugin-react": "^1.3.0",
     "jest": "^27.5.1",
     "jest-mock": "^27.5.1",
     "jsdom": "^19.0.0",
     "mst-middlewares": "^5.1.3",
     "remotedev": "^0.2.9",
-    "vite": "^2.8.4"
+    "vite": "^2.9.0"
   }
 }
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;
 
diff --git a/packages/service-preload/package.json b/packages/service-preload/package.json
index 2090cf9..296c598 100644
--- a/packages/service-preload/package.json
+++ b/packages/service-preload/package.json
@@ -10,9 +10,9 @@
   "dependencies": {
     "@sophie/service-shared": "workspace:*",
     "color-string": "^1.9.0",
-    "electron": "17.1.0"
+    "electron": "17.3.1"
   },
   "devDependencies": {
-    "@types/color-string": "^1"
+    "@types/color-string": "^1.5.2"
   }
 }
diff --git a/packages/service-shared/package.json b/packages/service-shared/package.json
index 83a9501..d42b631 100644
--- a/packages/service-shared/package.json
+++ b/packages/service-shared/package.json
@@ -11,6 +11,6 @@
     "types": "yarn g:types"
   },
   "dependencies": {
-    "zod": "^3.12.0"
+    "zod": "^3.14.3"
   }
 }
diff --git a/packages/shared/package.json b/packages/shared/package.json
index d39d7ee..1730c25 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -12,8 +12,8 @@
   },
   "dependencies": {
     "i18next": "^21.6.14",
-    "mobx": "^6.4.1",
+    "mobx": "^6.5.0",
     "mobx-state-tree": "^5.1.3",
-    "zod": "^3.12.0"
+    "zod": "^3.14.3"
   }
 }
diff --git a/packages/test-utils/package.json b/packages/test-utils/package.json
index e39e28a..adb6002 100644
--- a/packages/test-utils/package.json
+++ b/packages/test-utils/package.json
@@ -13,6 +13,6 @@
     "@types/jest": "^27.4.1",
     "jest": "^27.5.1",
     "jest-each": "^27.5.1",
-    "type-fest": "^2.12.0"
+    "type-fest": "^2.12.1"
   }
 }