fix: 예약내역 페이지 진입 시 API 재호출되게 수정

Author: summerDev96

src/app/mypage/reservation-list/page.tsx

@@ -4,11 +4,19 @@ import { Badge } from '@/components/ui/badge';
 
 import { Label } from '@/components/ui/label';
 import { reservationStatusAll, ReservationStatusWithAll } from '@/lib/constants/reservation';
-import { useState } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+import { usePathname } from 'next/navigation';
+import { useEffect, useState } from 'react';
 
 const ReservationListPage = () => {
+  const queryClient = useQueryClient();
+  const pathname = usePathname();
   const [selectedStatus, setSelectedStatus] = useState<ReservationStatusWithAll>('all');
 
+  useEffect(() => {
+    queryClient.invalidateQueries({ queryKey: ['reservation-list', selectedStatus] });
+  }, [pathname, selectedStatus, queryClient]);
+
   return (
     <div className='flex flex-col gap-7.5'>
       {/* 헤더 */}

src/hooks/useInfiniteReservationList.ts

@@ -36,7 +36,6 @@ const useInfiniteReservationList = (
 
       return lastPage.cursorId;
     },
-    // refetchOnMount: true,
   });
 
   const reservationListData = useMemo(() => {