chore(website): upgrade dependencies (#185)

LironEr · Oct 13, 2023 · 44baccb · 44baccb
1 parent 059aedd
commit 44baccb
Show file tree

Hide file tree

Showing 4 changed files with 2,008 additions and 1,434 deletions.
diff --git a/website/package.json b/website/package.json
@@ -13,42 +13,42 @@
     "deploy:prod": "netlify deploy --dir build --prod"
   },
   "dependencies": {
-    "@emotion/react": "^11.4.1",
-    "@emotion/styled": "^11.3.0",
-    "@mui/icons-material": "^5.11.16",
-    "@mui/lab": "^5.0.0-alpha.128",
-    "@mui/material": "^5.12.2",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.14.13",
+    "@mui/lab": "^5.0.0-alpha.148",
+    "@mui/material": "^5.14.13",
     "bundlemon-utils": "^1.2.0",
-    "material-react-table": "^1.2.9",
-    "mobx": "^6.6.2",
-    "mobx-react-lite": "^3.4.0",
+    "material-react-table": "^1.15.0",
+    "mobx": "^6.10.2",
+    "mobx-react-lite": "^4.0.5",
     "notistack": "^3.0.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-query": "^3.34.19",
-    "react-router": "^6.2.1",
-    "react-router-dom": "^6.2.1",
-    "recharts": "^2.1.14",
-    "regenerator-runtime": "^0.13.11"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-query": "^3.39.3",
+    "react-router": "^6.16.0",
+    "react-router-dom": "^6.16.0",
+    "recharts": "^2.8.0",
+    "regenerator-runtime": "^0.14.0"
   },
   "devDependencies": {
-    "@svgr/webpack": "^8.0.1",
-    "@types/react": "^17.0.20",
-    "@types/react-dom": "^17.0.9",
-    "@types/react-router-dom": "^5.1.8",
-    "@types/recharts": "^1.8.21",
+    "@svgr/webpack": "^8.1.0",
+    "@types/react": "^18.2.28",
+    "@types/react-dom": "^18.2.13",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/recharts": "^1.8.25",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^11.0.0",
     "dotenv-webpack": "^8.0.1",
-    "esbuild-loader": "^3.0.1",
-    "eslint-plugin-react": "^7.31.8",
+    "esbuild-loader": "^4.0.2",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-webpack-plugin": "^4.0.1",
-    "fork-ts-checker-webpack-plugin": "^8.0.0",
-    "html-webpack-plugin": "^5.5.0",
-    "netlify-cli": "^15.8.0",
-    "webpack": "^5.88.1",
-    "webpack-bundle-analyzer": "^4.9.0",
+    "fork-ts-checker-webpack-plugin": "^9.0.0",
+    "html-webpack-plugin": "^5.5.3",
+    "netlify-cli": "^16.7.0",
+    "webpack": "^5.88.2",
+    "webpack-bundle-analyzer": "^4.9.1",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
     "webpack-merge": "^5.9.0"

diff --git a/website/src/components/Layout/Layout.tsx b/website/src/components/Layout/Layout.tsx
@@ -37,7 +37,7 @@ const MainContainer = styled.main`
   background-color: ${({ theme }) => theme.palette.background.default};
 `;
 
-const Layout: React.FC = observer(({ children }) => {
+const Layout = observer(({ children }: React.PropsWithChildren) => {
   return (
     <>
       <StyledAppBar position="fixed">

diff --git a/website/src/index.tsx b/website/src/index.tsx
@@ -1,7 +1,6 @@
 import 'regenerator-runtime/runtime.js';
 import { StrictMode, Suspense } from 'react';
-import ReactDOM from 'react-dom';
-
+import { createRoot } from 'react-dom/client';
 import CssBaseline from '@mui/material/CssBaseline';
 import { SnackbarProvider } from 'notistack';
 import { QueryClient, QueryClientProvider } from 'react-query';
@@ -26,10 +25,9 @@ const queryClient = new QueryClient({
   },
 });
 
-ReactDOM.render(
+createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <ThemeProvider>
-      {/* @ts-ignore */}
       <SnackbarProvider>
         <QueryClientProvider client={queryClient}>
           <CssBaseline />
@@ -41,6 +39,5 @@ ReactDOM.render(
         </QueryClientProvider>
       </SnackbarProvider>
     </ThemeProvider>
-  </StrictMode>,
-  document.getElementById('root')
+  </StrictMode>
 );