aboutsummaryrefslogtreecommitdiffstats
path: root/subprojects/frontend/src/index.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'subprojects/frontend/src/index.tsx')
-rw-r--r--subprojects/frontend/src/index.tsx17
1 files changed, 5 insertions, 12 deletions
diff --git a/subprojects/frontend/src/index.tsx b/subprojects/frontend/src/index.tsx
index 5760327e..55e0590f 100644
--- a/subprojects/frontend/src/index.tsx
+++ b/subprojects/frontend/src/index.tsx
@@ -1,13 +1,10 @@
1import Box from '@mui/material/Box'; 1import Box from '@mui/material/Box';
2import CssBaseline from '@mui/material/CssBaseline'; 2import CssBaseline from '@mui/material/CssBaseline';
3import Grow from '@mui/material/Grow';
4import { configure } from 'mobx'; 3import { configure } from 'mobx';
5import { SnackbarProvider } from 'notistack';
6import React, { Suspense, lazy } from 'react'; 4import React, { Suspense, lazy } from 'react';
7import { createRoot } from 'react-dom/client'; 5import { createRoot } from 'react-dom/client';
8 6
9import Loading from './Loading'; 7import Loading from './Loading';
10import RegisterServiceWorker from './RegisterServiceWorker';
11import RootStore, { RootStoreProvider } from './RootStore'; 8import RootStore, { RootStoreProvider } from './RootStore';
12import WindowControlsOverlayColor from './WindowControlsOverlayColor'; 9import WindowControlsOverlayColor from './WindowControlsOverlayColor';
13import ThemeProvider from './theme/ThemeProvider'; 10import ThemeProvider from './theme/ThemeProvider';
@@ -78,15 +75,11 @@ const app = (
78 <ThemeProvider> 75 <ThemeProvider>
79 <CssBaseline enableColorScheme /> 76 <CssBaseline enableColorScheme />
80 <WindowControlsOverlayColor /> 77 <WindowControlsOverlayColor />
81 {/* @ts-expect-error -- notistack has problems with `exactOptionalPropertyTypes` */} 78 <Box height="100vh" overflow="auto">
82 <SnackbarProvider TransitionComponent={Grow}> 79 <Suspense fallback={<Loading />}>
83 <RegisterServiceWorker /> 80 <App />
84 <Box height="100vh" overflow="auto"> 81 </Suspense>
85 <Suspense fallback={<Loading />}> 82 </Box>
86 <App />
87 </Suspense>
88 </Box>
89 </SnackbarProvider>
90 </ThemeProvider> 83 </ThemeProvider>
91 </RootStoreProvider> 84 </RootStoreProvider>
92 </React.StrictMode> 85 </React.StrictMode>