fix/#519: 리뷰요약 캐시 무효화 쿼리키 수정 (#520)

woowacourse-teams · Oct 19, 2023 · 9a433a1 · 9a433a1
1 parent b7d4558
commit 9a433a1
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/frontend/src/hooks/query/review.ts b/frontend/src/hooks/query/review.ts
@@ -24,7 +24,7 @@ import { FOOD_QUERY_KEY } from './food';
 const QUERY_KEY = {
   reviewItem: 'reviewItem',
   reviewList: (petFoodId: string) => ['reviewList', petFoodId, location.search],
-  reviewSummary: 'reviewSummary',
+  reviewSummary: (petFoodId: string) => ['reviewSummary', petFoodId],
   reviewListMeta: 'reviewListMeta',
 };
 
@@ -62,7 +62,7 @@ export const useAddReviewMutation = () => {
     mutationFn: postReview,
     onSuccess: (_, { petFoodId }) => {
       queryClient.invalidateQueries(QUERY_KEY.reviewList(petFoodId));
-      queryClient.invalidateQueries([QUERY_KEY.reviewSummary]);
+      queryClient.invalidateQueries(QUERY_KEY.reviewSummary(petFoodId));
       queryClient.invalidateQueries(FOOD_QUERY_KEY.foodDetail(petFoodId));
 
       alert('리뷰 작성이 완료되었습니다.');
@@ -82,7 +82,7 @@ export const useEditReviewMutation = () => {
     mutationFn: putReview,
     onSuccess: (_, { petFoodId }) => {
       queryClient.invalidateQueries(QUERY_KEY.reviewList(petFoodId));
-      queryClient.invalidateQueries([QUERY_KEY.reviewSummary]);
+      queryClient.invalidateQueries(QUERY_KEY.reviewSummary(petFoodId));
       queryClient.invalidateQueries(FOOD_QUERY_KEY.foodDetail(petFoodId));
 
       alert('리뷰 수정이 완료되었습니다.');
@@ -101,7 +101,7 @@ export const useRemoveReviewMutation = () => {
     mutationFn: deleteReview,
     onSuccess: (_, { petFoodId }) => {
       queryClient.invalidateQueries(QUERY_KEY.reviewList(petFoodId));
-      queryClient.invalidateQueries([QUERY_KEY.reviewSummary]);
+      queryClient.invalidateQueries(QUERY_KEY.reviewSummary(petFoodId));
       queryClient.invalidateQueries(FOOD_QUERY_KEY.foodDetail(petFoodId));
     },
   });
@@ -111,7 +111,7 @@ export const useRemoveReviewMutation = () => {
 
 export const useReviewSummaryQuery = (payload: Parameter<typeof getReviewSummary>) => {
   const { data, ...restQuery } = useQuery({
-    queryKey: [QUERY_KEY.reviewSummary],
+    queryKey: QUERY_KEY.reviewSummary(payload.petFoodId),
     queryFn: () => getReviewSummary(payload),
   });