feat : 코드 래빗 피드백

Author: KongMezu

src/pages/events/[id].tsx

@@ -54,7 +54,7 @@ const EventDetailPage = () => {
           aria-label='행사 기간'
           className={cn('flex justify-center w-[18.4rem] mt-[1.3rem]')}
         >
-          <DateTag startDate={startDate!} endDate={endDate!} />
+          <DateTag startDate={startDate} endDate={endDate} />
         </div>
 
         {/* 대표 이미지 */}

src/pages/mypage/events/[id].tsx

@@ -14,7 +14,7 @@ const EventSavePage = () => {
   const { data: eventDetail, isLoading, isError } = useEventDetail(eventId);
 
   useEffect(() => {
-    if (!isLoading && (isError || !eventDetail)) {
+    if (!isLoading && (!isLoading|| !eventDetail)) {
       router.replace('/mypage');
     }
   }, [isLoading, isError, eventDetail, router]);
@@ -57,6 +57,7 @@ const EventSavePage = () => {
               src={imageUrl}
               alt={`${title} 이미지`}
               fill
+              sizes="(max-width: 35.4rem) 100vw, 35.4rem"  
               className='object-cover rounded-[2rem]'
             />
           ) : (

src/shared/hooks/events/useBookmark.ts

@@ -22,21 +22,22 @@ export const useBookmark = (eventId: number, initialState: boolean) => {
     }
 
     try {
+      setIsBookmarked((prev) => !prev);
       if (isBookmarked) {
         await deleteBookmark(eventId);
       } else {
         await postBookmark(eventId);
       }
 
-      setIsBookmarked((prev) => !prev);
 
       queryClient.invalidateQueries({ queryKey: ['events'] });
       queryClient.invalidateQueries({ queryKey: ['eventDetail', eventId] });
       queryClient.invalidateQueries({ queryKey: ['myPage'] });
       await queryClient.refetchQueries({ queryKey: ['myPage'] });
     } catch (err) {
-      console.error('북마크 토글 실패:', err);
-    }
+     console.error('북마크 토글 실패:', err);
+    setIsBookmarked((prev) => !prev); 
+     }
   };
 
   return {  isBookmarked,

src/shared/hooks/events/useEventDetail.ts

@@ -1,14 +1,14 @@
 'use client';
 
 import { useQuery } from '@tanstack/react-query';
-import { apiAuth } from '@/shared/api/instance';
+import { apiWithToken } from '@/shared/api/instance';  
 import type {
   EventDetailResponse,
   EventDetail,
 } from '@/shared/types/eventtypes';
 
 const fetchEventDetail = async (eventId: number): Promise<EventDetail> => {
-  const res = await apiAuth.get<EventDetailResponse>(`/api/events/${eventId}`);
+  const res = await apiWithToken.get<EventDetailResponse>(`/api/events/${eventId}`);
   return res.data.data;
 };