Merge pull request #197 from SCBJ-7/feature/#195-global-suspense

[#195] 글로벌 서스펜스 추가 및 모든 서스펜스에 로딩컴포넌트 추가
SCBJ-7 · Jan 25, 2024 · 1550e85 · 1550e85
2 parents 6bcdae0 + f3c3d7b
commit 1550e85
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/routes/router.tsx b/src/routes/router.tsx
@@ -36,7 +36,11 @@ import SaleDetail from "@pages/saleDetailPage/SaleDetail";
 export const router = createBrowserRouter([
   {
     path: PATH.ROOT,
-    element: <App />,
+    element: (
+      <Suspense fallback={<Loading />}>
+        <App />
+      </Suspense>
+    ),
     errorElement: <NotFound />,
     children: [
       {
@@ -91,7 +95,7 @@ export const router = createBrowserRouter([
         path: PATH.WRITE_TRANSFER,
         element: (
           <LocalErrorBoundary>
-            <Suspense fallback={<div>{/* loading */}</div>}>
+            <Suspense fallback={<Loading />}>
               <TransferWriting />
             </Suspense>
           </LocalErrorBoundary>
@@ -100,15 +104,15 @@ export const router = createBrowserRouter([
       {
         path: PATH.WRITE_TRANSFER_PRICE + `/:id`,
         element: (
-          <Suspense fallback={<div>{/* loading */}</div>}>
+          <Suspense fallback={<Loading />}>
             <TransferWritingPrice />
           </Suspense>
         ),
       },
       {
         path: PATH.WRITE_TRANSFER_SUCCESS,
         element: (
-          <Suspense fallback={<div>{/* loading */}</div>}>
+          <Suspense fallback={<Loading />}>
             <TransferWritingSuccess />
           </Suspense>
         ),
@@ -141,7 +145,7 @@ export const router = createBrowserRouter([
         path: PATH.PURCAHSE_DEATAIL,
         element: (
           <LocalErrorBoundary>
-            <Suspense fallback={<div>LOADING</div>}>
+            <Suspense fallback={<Loading />}>
               <PurchaseDetail />
             </Suspense>
           </LocalErrorBoundary>