refactor: Profile에 Query suspense 적용

woowacourse-teams · Jan 17, 2024 · a108bac · a108bac
1 parent 174a674
commit a108bac
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
@@ -6,6 +6,7 @@ import Home from './pages/Home';
 import NotFound from './pages/NotFound';
 import RootPage from './pages/RootPage';
 import Search from './pages/Search';
+import TopicListSkeleton from './components/Skeletons/TopicListSkeleton';
 
 const SelectedTopic = lazy(() => import('./pages/SelectedTopic'));
 const NewPin = lazy(() => import('./pages/NewPin'));
@@ -115,9 +116,9 @@ const routes: routeElement[] = [
       {
         path: 'my-page',
         element: (
-          <SuspenseComp>
+          <Suspense fallback={<TopicListSkeleton />}>
             <Profile />
-          </SuspenseComp>
+          </Suspense>
         ),
         withAuth: true,
       },