[FE] fix: 베스트리뷰 요청 204 처리 (#742)

woowacourse-teams · Oct 12, 2023 · 9f3232c · 9f3232c
1 parent 22e792d
commit 9f3232c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/frontend/src/components/Review/BestReviewItem/BestReviewItem.tsx b/frontend/src/components/Review/BestReviewItem/BestReviewItem.tsx
@@ -10,6 +10,11 @@ interface BestReviewItemProps {
 
 const BestReviewItem = ({ productId }: BestReviewItemProps) => {
   const { data: bestReview } = useBestReviewQuery(productId);
+
+  if (!bestReview) {
+    return null;
+  }
+
   const { profileImage, userName, rating, favoriteCount, content } = bestReview;
 
   const theme = useTheme();

diff --git a/frontend/src/hooks/queries/rank/useBestReviewQuery.ts b/frontend/src/hooks/queries/rank/useBestReviewQuery.ts
@@ -5,6 +5,11 @@ import type { Review } from '@/types/review';
 
 const fetchBestReview = async (productId: number) => {
   const response = await rankApi.get({ params: `/products/${productId}/reviews` });
+
+  if (response.status === 204) {
+    return null;
+  }
+
   const data: Review = await response.json();
   return data;
 };