From a7da37ce5ad07684645288dd81083cd7f414b3c1 Mon Sep 17 00:00:00 2001
From: Potenz <vishnu10kumar11@gmail.com>
Date: Tue, 26 Aug 2025 23:47:12 +0530
Subject: [PATCH] suspense fixed

---
 apps/Frontend/src/App.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/Frontend/src/App.tsx b/apps/Frontend/src/App.tsx
index 5c5d4fe..f123583 100644
--- a/apps/Frontend/src/App.tsx
+++ b/apps/Frontend/src/App.tsx
@@ -1,5 +1,5 @@
 import { Switch, Route } from "wouter";
-import React, { lazy } from "react";
+import React, { lazy, Suspense } from "react";
 import { Provider } from "react-redux";
 import { store } from "./redux/store";
 import { queryClient } from "./lib/queryClient";
@@ -9,6 +9,7 @@ import { TooltipProvider } from "./components/ui/tooltip";
 import { ProtectedRoute } from "./lib/protected-route";
 import { AuthProvider } from "./hooks/use-auth";
 import Dashboard from "./pages/dashboard";
+import LoadingScreen from "./components/ui/LoadingScreen";
 
 const AuthPage = lazy(() => import("./pages/auth-page"));
 const AppointmentsPage = lazy(() => import("./pages/appointments-page"));
@@ -61,7 +62,9 @@ function App() {
         <AuthProvider>
           <TooltipProvider>
             <Toaster />
-            <Router />
+            <Suspense fallback={<LoadingScreen />}>
+              <Router />
+            </Suspense>
           </TooltipProvider>
         </AuthProvider>
       </QueryClientProvider>