feat: Suspense 추가

woowacourse-teams · Oct 11, 2024 · 4b46aa4 · 4b46aa4
1 parent 5fc7bde
commit 4b46aa4
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/frontend/src/pages/DashboardLayout/index.tsx b/frontend/src/pages/DashboardLayout/index.tsx
@@ -1,6 +1,8 @@
-import { useState } from 'react';
+import { Suspense, useState } from 'react';
 
 import DashboardSidebar from '@components/dashboard/DashboardSidebar';
+import LoadingPage from '@pages/LoadingPage';
+
 import useGetDashboards from '@hooks/useGetDashboards';
 import useElementRect from '@hooks/useElementRect';
 
@@ -36,12 +38,14 @@ export default function DashboardLayout() {
         />
       </S.Sidebar>
 
-      <S.MainContainer
-        isSidebarOpen={isSidebarOpen}
-        sidebarWidth={rect?.width}
-      >
-        <Outlet />
-      </S.MainContainer>
+      <Suspense fallback={<LoadingPage />}>
+        <S.MainContainer
+          isSidebarOpen={isSidebarOpen}
+          sidebarWidth={rect?.width}
+        >
+          <Outlet />
+        </S.MainContainer>
+      </Suspense>
     </S.Layout>
   );
 }