diff options
Diffstat (limited to 'subprojects/frontend/src/index.tsx')
-rw-r--r-- | subprojects/frontend/src/index.tsx | 17 |
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 @@ | |||
1 | import Box from '@mui/material/Box'; | 1 | import Box from '@mui/material/Box'; |
2 | import CssBaseline from '@mui/material/CssBaseline'; | 2 | import CssBaseline from '@mui/material/CssBaseline'; |
3 | import Grow from '@mui/material/Grow'; | ||
4 | import { configure } from 'mobx'; | 3 | import { configure } from 'mobx'; |
5 | import { SnackbarProvider } from 'notistack'; | ||
6 | import React, { Suspense, lazy } from 'react'; | 4 | import React, { Suspense, lazy } from 'react'; |
7 | import { createRoot } from 'react-dom/client'; | 5 | import { createRoot } from 'react-dom/client'; |
8 | 6 | ||
9 | import Loading from './Loading'; | 7 | import Loading from './Loading'; |
10 | import RegisterServiceWorker from './RegisterServiceWorker'; | ||
11 | import RootStore, { RootStoreProvider } from './RootStore'; | 8 | import RootStore, { RootStoreProvider } from './RootStore'; |
12 | import WindowControlsOverlayColor from './WindowControlsOverlayColor'; | 9 | import WindowControlsOverlayColor from './WindowControlsOverlayColor'; |
13 | import ThemeProvider from './theme/ThemeProvider'; | 10 | import 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> |