✨ 루트 레이아웃 생성 (#249)

BookwooriAlpineClub · Feb 1, 2025 · 593b160 · 593b160
1 parent ce6fe12
commit 593b160
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/router/RootLayout.tsx b/src/router/RootLayout.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Outlet } from 'react-router-dom';
+import Bottomsheet from '@src/components/common/Bottomsheet';
+import Dialog from '@src/components/common/Dialog';
+import CommunitySideBar from '@src/components/communitysidebar/CommunitySideBar';
+import RootErrorBoundary from '@src/components/errorBoundary/RootErrorBoundary';
+import ErrorCatcher from '@src/components/errorBoundary/ErrorCatcher';
+import QueryClientBoundary from '@src/components/queryClient/QueryClientBoundary';
+import LoadingPage from '@src/pages/fallback/LoadingPage';
+
+export const RootLayout = () => (
+  <QueryClientBoundary>
+    <RootErrorBoundary>
+      <ErrorCatcher>
+        <React.Suspense fallback={<LoadingPage />}>
+          <Outlet />
+          <Bottomsheet />
+          <Dialog />
+          <CommunitySideBar />
+        </React.Suspense>
+      </ErrorCatcher>
+    </RootErrorBoundary>
+  </QueryClientBoundary>
+);