suspense fixed
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
import { Switch, Route } from "wouter";
|
import { Switch, Route } from "wouter";
|
||||||
import React, { lazy } from "react";
|
import React, { lazy, Suspense } from "react";
|
||||||
import { Provider } from "react-redux";
|
import { Provider } from "react-redux";
|
||||||
import { store } from "./redux/store";
|
import { store } from "./redux/store";
|
||||||
import { queryClient } from "./lib/queryClient";
|
import { queryClient } from "./lib/queryClient";
|
||||||
@@ -9,6 +9,7 @@ import { TooltipProvider } from "./components/ui/tooltip";
|
|||||||
import { ProtectedRoute } from "./lib/protected-route";
|
import { ProtectedRoute } from "./lib/protected-route";
|
||||||
import { AuthProvider } from "./hooks/use-auth";
|
import { AuthProvider } from "./hooks/use-auth";
|
||||||
import Dashboard from "./pages/dashboard";
|
import Dashboard from "./pages/dashboard";
|
||||||
|
import LoadingScreen from "./components/ui/LoadingScreen";
|
||||||
|
|
||||||
const AuthPage = lazy(() => import("./pages/auth-page"));
|
const AuthPage = lazy(() => import("./pages/auth-page"));
|
||||||
const AppointmentsPage = lazy(() => import("./pages/appointments-page"));
|
const AppointmentsPage = lazy(() => import("./pages/appointments-page"));
|
||||||
@@ -61,7 +62,9 @@ function App() {
|
|||||||
<AuthProvider>
|
<AuthProvider>
|
||||||
<TooltipProvider>
|
<TooltipProvider>
|
||||||
<Toaster />
|
<Toaster />
|
||||||
<Router />
|
<Suspense fallback={<LoadingScreen />}>
|
||||||
|
<Router />
|
||||||
|
</Suspense>
|
||||||
</TooltipProvider>
|
</TooltipProvider>
|
||||||
</AuthProvider>
|
</AuthProvider>
|
||||||
</QueryClientProvider>
|
</QueryClientProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user