fix(web-ui): add missing suspense (#661)

johanbook · Dec 4, 2023 · c4d2396 · c4d2396
1 parent b405b4f
commit c4d2396
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/services/web-ui/src/App.tsx b/services/web-ui/src/App.tsx
@@ -1,10 +1,11 @@
-import { ReactElement } from "react";
+import { ReactElement, Suspense } from "react";
 
 import { QueryClientProvider } from "@tanstack/react-query";
 import { SnackbarProvider } from "notistack";
 
 import { NotificationProvider } from "src/core/notifications";
 import { ThemeProvider } from "src/core/theme";
+import { LoadingView } from "src/views/LoadingView";
 
 import "./App.css";
 import { Router } from "./Router";
@@ -13,15 +14,17 @@ import { QUERY_CLIENT } from "./queryQlient";
 
 export function App(): ReactElement {
   return (
-    <QueryClientProvider client={QUERY_CLIENT}>
-      <ThemeProvider>
-        <AuthenticationGuard>
-          <NotificationProvider>
-            <Router />
-            <SnackbarProvider dense />
-          </NotificationProvider>
-        </AuthenticationGuard>
-      </ThemeProvider>
-    </QueryClientProvider>
+    <Suspense fallback={<LoadingView />}>
+      <QueryClientProvider client={QUERY_CLIENT}>
+        <ThemeProvider>
+          <AuthenticationGuard>
+            <NotificationProvider>
+              <Router />
+              <SnackbarProvider dense />
+            </NotificationProvider>
+          </AuthenticationGuard>
+        </ThemeProvider>
+      </QueryClientProvider>
+    </Suspense>
   );
 }