Fix: 예약 거절 시 캐시 무효화

.storybook/main.ts

@@ -13,6 +13,13 @@ const config: StorybookConfig = {
     name: '@storybook/nextjs-vite',
     options: {},
   },
-  staticDirs: ['..\\public'],
+  // staticDirs: ['../public'],
+  async viteFinal(config, { configType }) {
+    if (configType === 'PRODUCTION') {
+      config.base = '/storybook/';
+    }
+    return config;
+  },
 };
+
 export default config;

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",
-    "build": "next build",
+    "build": "next build && storybook build -o public/storybook",
     "start": "next start",
     "lint": "next lint",
     "type-check": "tsc --noEmit",

src/app/storybook/page.tsx

@@ -0,0 +1,12 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+
+export default function StorybookRedirect() {
+  const router = useRouter();
+  useEffect(() => {
+    router.replace('/storybook/index.html');
+  }, []);
+  return null;
+}

src/domain/Activity/components/detail/activity-summary/ActivityDropdown.tsx

@@ -57,6 +57,7 @@ export default function ActivityDropdown({
     try {
       await deleteActivity(id);
       queryClient.invalidateQueries({ queryKey: activitiesKeys.all });
+      queryClient.invalidateQueries({ queryKey: ['carousel-activities'] });
       router.push('/activities');
     } catch (e) {
       console.error(e);

src/domain/Reservation/components/my-activity-card/DeleteMyActivityModal.tsx

@@ -29,6 +29,7 @@ export default function DeleteMyActivityModal({
     },
     onSettled: () => {
       queryClient.invalidateQueries({ queryKey: ['my-activities'] });
+      queryClient.invalidateQueries({ queryKey: ['carousel-activities'] });
     },
   });
 

src/domain/Reservation/components/reservation-calendar/DayCell.tsx

@@ -205,7 +205,13 @@ export default function DayCell({
         status: 'declined',
       }),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['reservationsBySchedule'] });
+      queryClient.invalidateQueries({
+        queryKey: [
+          'allReservationsByDate',
+          selectedActivityId,
+          day.format('YYYY-MM-DD'),
+        ],
+      });
       queryClient.invalidateQueries({ queryKey: ['schedules'] });
       queryClient.invalidateQueries({ queryKey: ['reservationDashboard'] });
     },

vercel.json

@@ -0,0 +1,8 @@
+{
+  "rewrites": [
+    {
+      "source": "/storybook",
+      "destination": "/_next/static/storybook/index.html"
+    }
+  ]
+}