fix :: useQuery자체리턴

Team-return · Nov 11, 2023 · fcfd622 · fcfd622
1 parent 8fcc3d1
commit fcfd622
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 18 deletions.
diff --git a/src/apis/reviews/index.ts b/src/apis/reviews/index.ts
@@ -8,21 +8,22 @@ import {
 const router = "/reviews";
 
 export const GetReviewList = (companiesId: string) => {
-  const { data, isLoading } = useQuery(
-    ["getReviewList", companiesId],
-    async () =>
-      await instance.get<getReviewListResponseProps>(`${router}/${companiesId}`)
-  );
-  return { data: data?.data, isLoading };
+  const response = async () => {
+    const { data } = await instance.get<getReviewListResponseProps>(
+      `${router}/${companiesId}`
+    );
+    return data;
+  };
+  return useQuery(["getReviewList", companiesId], response);
 };
 
 export const getReviewDetails = (reviewId: string) => {
-  const { data, isLoading } = useQuery(
-    ["getReviewDetails", reviewId],
-    async () =>
-      await instance.get<getReviewDetailResponseProps>(
-        `${router}/details/${reviewId}`
-      )
-  );
-  return { data: data?.data, isLoading };
+  const response = async () => {
+    const { data } = await instance.get<getReviewDetailResponseProps>(
+      `${router}/details/${reviewId}`
+    );
+    return data;
+  };
+  return useQuery(["getReviewDetails", reviewId], response);
 };
+
diff --git a/src/components/company/ReviewList.tsx b/src/components/company/ReviewList.tsx
@@ -25,8 +25,8 @@ export default function ReviewList() {
 
   return (
     <>
-      {reviewList!.reviews.map((item) => (
-        <ReviewContainers {...item} />
+      {reviewList!.reviews.map((item, idx) => (
+        <ReviewContainers key={idx} {...item} />
       ))}
     </>
   );
@@ -36,8 +36,8 @@ function ReviewContainers({ review_id, writer, date }: getReviewListProps) {
   const { data: reviewDetails } = getReviewDetails(review_id);
   return (
     <>
-      {reviewDetails?.qna_responses.map((item) => (
-        <ReviewItem item={item} writer={writer} date={date} />
+      {reviewDetails?.qna_responses.map((item, idx) => (
+        <ReviewItem key={idx} item={item} writer={writer} date={date} />
       ))}
     </>
   );