fix: 서스펜스 바운더리 수정해 에러 해결

dnd-side-project · Oct 7, 2024 · 0126d39 · 0126d39
1 parent cd7272a
commit 0126d39
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 7 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -213,8 +213,22 @@ function App() {
             </Suspense>
           }
         />
-        <Route path={'/terms/service'} element={<서비스이용약관페이지 />} />
-        <Route path="/terms/privacy" element={<개인정보처리방침페이지 />} />
+        <Route
+          path={'/terms/service'}
+          element={
+            <Suspense fallback={<LoadingSpinner />}>
+              <서비스이용약관페이지 />
+            </Suspense>
+          }
+        />
+        <Route
+          path="/terms/privacy"
+          element={
+            <Suspense fallback={<LoadingSpinner />}>
+              <개인정보처리방침페이지 />
+            </Suspense>
+          }
+        />
         <Route path="/*" element={<ErrorPage />} />
       </Routes>
     </BrowserRouter>

diff --git a/src/components/main/MyPlantAlimCheck.tsx b/src/components/main/MyPlantAlimCheck.tsx
@@ -35,7 +35,7 @@ const MyPlantAlimCheck: React.FC<MyPlantAlimCheckProps> = ({ plants }) => {
       </div>
       <CarouselContent>
         {plants.map((plant) => (
-          <MyPlantCarouselItem plant={plant} />
+          <MyPlantCarouselItem key={`${plant.myPlantId}-CarouselItem`} plant={plant} />
         ))}
       </CarouselContent>
     </Carousel>

diff --git a/src/pages/개인정보처리방침페이지.tsx b/src/pages/개인정보처리방침페이지.tsx
@@ -5,7 +5,6 @@ import 왼쪽꺽쇠 from '@/assets/icon/left-arrow.svg?react';
 import Header from '@/components/common/Header';
 import useInternalRouter from '@/hooks/useInternalRouter.ts';
 import HeightBox from '@/components/common/HeightBox';
-import { withDefaultAsyncBoundary } from '@/utils/asyncBoundary/withDefaultAsyncBoundary.tsx';
 
 const 개인정보처리방침페이지 = () => {
   const { goBack } = useInternalRouter();
@@ -33,4 +32,4 @@ const 개인정보처리방침페이지 = () => {
   );
 };
 
-export default withDefaultAsyncBoundary(개인정보처리방침페이지);
+export default 개인정보처리방침페이지;
diff --git a/src/pages/서비스이용약관페이지.tsx b/src/pages/서비스이용약관페이지.tsx
@@ -5,7 +5,6 @@ import Header from '@/components/common/Header';
 import 왼쪽꺽쇠 from '@/assets/icon/left-arrow.svg?react';
 import useInternalRouter from '@/hooks/useInternalRouter.ts';
 import HeightBox from '@/components/common/HeightBox';
-import { withDefaultAsyncBoundary } from '@/utils/asyncBoundary/withDefaultAsyncBoundary.tsx';
 
 const 서비스이용약관페이지 = () => {
   const { goBack } = useInternalRouter();
@@ -33,4 +32,4 @@ const 서비스이용약관페이지 = () => {
   );
 };
 
-export default withDefaultAsyncBoundary(서비스이용약관페이지);
+export default 서비스이용약관페이지;