From 11f0254e4e9b052096421559fa154c90a6a4988a Mon Sep 17 00:00:00 2001
From: Cllaude99 <xodbsrla1025@naver.com>
Date: Tue, 3 Dec 2024 19:44:15 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EA=B0=81=EA=B0=81=EC=9D=98=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=A5=BC=20Suspense?=
 =?UTF-8?q?=EB=A1=9C=20=EB=AC=B6=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/App.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/packages/frontend/src/App.tsx b/packages/frontend/src/App.tsx
index 20c8edb..d2976a6 100644
--- a/packages/frontend/src/App.tsx
+++ b/packages/frontend/src/App.tsx
@@ -1,4 +1,4 @@
-import { Routes, Route, createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { lazy, Suspense, useEffect } from 'react';
 import Layout from '@/components/layout/Layout';
 import LoadingSpinner from '@/components/common/LoadingSpinner';
@@ -18,7 +18,9 @@ const router = createBrowserRouter([
         index: true,
         element: (
           <PublicRoute>
-            <LandingPage />
+            <Suspense fallback={<LoadingSpinner />}>
+              <LandingPage />
+            </Suspense>
           </PublicRoute>
         ),
       },
@@ -26,7 +28,9 @@ const router = createBrowserRouter([
         path: 'lobby',
         element: (
           <PrivateRoute>
-            <LobbyPage />
+            <Suspense fallback={<LoadingSpinner />}>
+              <LobbyPage />
+            </Suspense>
           </PrivateRoute>
         ),
       },
@@ -34,7 +38,9 @@ const router = createBrowserRouter([
         path: 'game/:gsid',
         element: (
           <PrivateRoute>
-            <GamePage />
+            <Suspense fallback={<LoadingSpinner />}>
+              <GamePage />
+            </Suspense>
           </PrivateRoute>
         ),
       },
@@ -55,11 +61,7 @@ function App() {
     };
   }, []);
 
-  return (
-    <Suspense fallback={<LoadingSpinner />}>
-      <RouterProvider router={router} />
-    </Suspense>
-  );
+  return <RouterProvider router={router} />;
 }
 
 export default App;