Merge pull request #519 from meowzip/reese

feat: 에러 처리 개선 및 queryKey 이슈 수정

Author: reeseo3o

package.json

@@ -40,6 +40,7 @@
     "react": "18.3.1",
     "react-day-picker": "^8.10.1",
     "react-dom": "18.3.1",
+    "react-error-boundary": "^6.0.0",
     "react-hook-form": "^7.58.1",
     "react-icons": "^5.2.1",
     "react-intersection-observer": "^9.13.1",

pnpm-lock.yaml

@@ -36,7 +36,7 @@ export default function InterceptedDiaryWriteModal() {
     queryKey: ['feedDetail', feedId],
     queryFn: () => getFeedDetail(feedId as number),
     enabled: !!feedId && !isNaN(feedId),
-    staleTime: 0
+    staleTime: 5 * 60 * 1000
   });
 
   if (isLoading && feedId) {

src/app/@modal/(...)community/write/page.tsx

@@ -16,7 +16,7 @@ const DiaryEditModalPage = ({ params: { id } }: { params: { id: number } }) => {
   } = useQuery({
     queryKey: ['diaryDetail', id],
     queryFn: () => getDiaryDetail(id),
-    staleTime: 0
+    staleTime: 5 * 60 * 1000
   });
 
   const handleClose = () => {

src/app/@modal/(...)diary/[id]/edit/page.tsx

@@ -13,25 +13,25 @@ export async function generateMetadata({
 }: PageProps): Promise<Metadata> {
   if (params.slug === 'write') {
     return {
-      title: '피드 작성 | 냥집사',
-      description: '냥집사 커뮤니티 피드 작성'
+      title: '피드 작성 | 냥.zip',
+      description: '냥.zip 커뮤니티 피드 작성'
     };
   }
 
   const slug = Number(params.slug);
 
   if (!params.slug || isNaN(slug)) {
     return {
-      title: '피드 | 냥집사',
-      description: '냥집사 커뮤니티 피드'
+      title: '피드 | 냥.zip',
+      description: '냥.zip 커뮤니티 피드'
     };
   }
 
   try {
     const feedDetail = await getFeedDetail(slug);
 
     return {
-      title: `${feedDetail.writerNickname}님의 피드 | 냥집사`,
+      title: `${feedDetail.writerNickname}님의 피드 | 냥.zip`,
       description: feedDetail.content.slice(0, 100) + '...',
       openGraph: {
         title: `${feedDetail.writerNickname}님의 피드`,
@@ -48,8 +48,8 @@ export async function generateMetadata({
     };
   } catch (error) {
     return {
-      title: '피드 | 냥집사',
-      description: '냥집사 커뮤니티 피드'
+      title: '피드 | 냥.zip',
+      description: '냥.zip 커뮤니티 피드'
     };
   }
 }

src/app/community/[slug]/page.tsx

@@ -12,7 +12,7 @@ const DiaryEditModalPage = ({ params: { id } }: { params: { id: number } }) => {
   const { data: diaryDetail } = useQuery({
     queryKey: ['diaryDetail', id],
     queryFn: () => getDiaryDetail(id),
-    staleTime: 0
+    staleTime: 5 * 60 * 1000
   });
 
   const handleClose = () => {

src/app/diary/[id]/edit/page.tsx

@@ -13,16 +13,16 @@ export async function generateMetadata({
 
   if (!params.id || isNaN(id)) {
     return {
-      title: '일지 | 냥집사',
-      description: '냥집사 일지'
+      title: '일지 | 냥.zip',
+      description: '냥.zip 일지'
     };
   }
 
   try {
     const diaryDetail = await getDiaryDetail(id);
 
     return {
-      title: `${diaryDetail.caredDate} 일지 | 냥집사`,
+      title: `${diaryDetail.caredDate} 일지 | 냥.zip`,
       description: diaryDetail.content.slice(0, 100) + '...',
       openGraph: {
         title: `${diaryDetail.caredDate} 일지`,
@@ -39,8 +39,8 @@ export async function generateMetadata({
     };
   } catch (error) {
     return {
-      title: '일지 | 냥집사',
-      description: '냥집사 일지'
+      title: '일지 | 냥.zip',
+      description: '냥.zip 일지'
     };
   }
 }

src/app/diary/[id]/page.tsx

@@ -13,16 +13,16 @@ export async function generateMetadata({
 
   if (!params.id || isNaN(id)) {
     return {
-      title: '프로필 | 냥집사',
-      description: '냥집사 유저 프로필'
+      title: '프로필 | 냥.zip',
+      description: '냥.zip 유저 프로필'
     };
   }
 
   try {
     const profileData = await getClickedUserProfile(id);
 
     return {
-      title: `${profileData.nickname}님의 프로필 | 냥집사`,
+      title: `${profileData.nickname}님의 프로필 | 냥.zip`,
       description: `고양이 ${profileData.catCount}마리, 게시물 ${profileData.postCount}개`,
       openGraph: {
         title: `${profileData.nickname}님의 프로필`,
@@ -41,8 +41,8 @@ export async function generateMetadata({
     };
   } catch (error) {
     return {
-      title: '프로필 | 냥집사',
-      description: '냥집사 유저 프로필'
+      title: '프로필 | 냥.zip',
+      description: '냥.zip 유저 프로필'
     };
   }
 }

src/app/profile/[id]/page.tsx

@@ -16,16 +16,16 @@ export async function generateMetadata({
 
   if (!params.id || isNaN(id)) {
     return {
-      title: '모음집 | 냥집사',
-      description: '냥집사 고양이 모음집'
+      title: '모음집 | 냥.zip',
+      description: '냥.zip 고양이 모음집'
     };
   }
 
   try {
     const profileData = await getClickedUserProfile(id);
 
     return {
-      title: `${profileData.nickname}님의 모음집 | 냥집사`,
+      title: `${profileData.nickname}님의 모음집 | 냥.zip`,
       description: `${profileData.nickname}님이 돌보는 고양이들을 만나보세요`,
       openGraph: {
         title: `${profileData.nickname}님의 모음집`,
@@ -38,8 +38,8 @@ export async function generateMetadata({
     };
   } catch (error) {
     return {
-      title: '모음집 | 냥집사',
-      description: '냥집사 고양이 모음집'
+      title: '모음집 | 냥.zip',
+      description: '냥.zip 고양이 모음집'
     };
   }
 }

src/app/profile/[id]/zip/page.tsx

@@ -10,6 +10,7 @@ import {
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { HttpError } from '@/utils/returnFetchJson';
 import { authStore, sessionExpiredModalAtom } from '@/store/authAtom';
+import AppErrorBoundary from '@/components/common/AppErrorBoundary';
 
 const Providers = ({ children }: any): React.JSX.Element => {
   const [queryClient] = useState(() => {
@@ -45,8 +46,13 @@ const Providers = ({ children }: any): React.JSX.Element => {
 
   return (
     <QueryClientProvider client={queryClient}>
-      {children}
-      <ReactQueryDevtools initialIsOpen={false} buttonPosition="bottom-left" />
+      <AppErrorBoundary>
+        {children}
+        <ReactQueryDevtools
+          initialIsOpen={false}
+          buttonPosition="bottom-left"
+        />
+      </AppErrorBoundary>
     </QueryClientProvider>
   );
 };