feat: 유저 프로필 페이지에 ErrorBoundary 추가

prgrms-web-devcourse · Jul 30, 2024 · 2e64603 · 2e64603
1 parent ff37432
commit 2e64603
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/app/profile/[userId]/page.tsx b/src/app/profile/[userId]/page.tsx
@@ -1,6 +1,10 @@
 'use client';
 
-import { APIUser } from '@/types/user';
+import { notFound } from 'next/navigation';
+import { ErrorBoundary } from 'react-error-boundary';
+
+import type { APIUser } from '@/types/user';
+
 import BackButton from '@/components/common/BackButton';
 import ShareButton from '@/components/common/ShareButton';
 import TopNavigation from '@/components/common/TopNavigation';
@@ -13,7 +17,7 @@ const UserProfilePage = ({
   params: { userId: APIUser['userId'] };
 }) => {
   return (
-    <>
+    <ErrorBoundary fallbackRender={notFound}>
       <TopNavigation>
         <TopNavigation.LeftItem>
           <BackButton />
@@ -26,7 +30,7 @@ const UserProfilePage = ({
         <ProfileInfo userId={userId} />
         <ProfileBookShelf userId={userId} />
       </div>
-    </>
+    </ErrorBoundary>
   );
 };