fix: suspense query 리랜더링 막기

Invincible-Backend-Study · Jul 8, 2024 · 5efb475 · 5efb475
1 parent 3ccdaa4
commit 5efb475
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/frontend/src/components/QuestionSetItem/QuestionSetItem.tsx b/frontend/src/components/QuestionSetItem/QuestionSetItem.tsx
@@ -10,7 +10,6 @@ interface QuestionSetItemProps {
 }
 
 const QuestionSetItem = ({questionSet:{questionSetId, title, description, tailQuestionDepth, count, thumbnailUrl}, openInterviewSetting}: QuestionSetItemProps) => {
-
   const handleOpenSettings = useCallback(() => {
     openInterviewSetting({
       questionSetId,

diff --git a/frontend/src/hooks/api/interview/useInterviewQuestionLoadQuery.ts b/frontend/src/hooks/api/interview/useInterviewQuestionLoadQuery.ts
@@ -4,14 +4,20 @@ import {loadByCurrentInterviewQuestion} from "@/api/interview/LoadByCurrentInter
 
 export const useInterviewQuestionLoadQuery = (interviewId: number) => {
   // TODO: 변수명 바꾸기
-  const {data: interview, refetch, error, isFetching} = useSuspenseQuery({
+  const { data: interview, refetch, error, isFetching } = useSuspenseQuery({
     queryKey: ['loadInterviewQuestion', interviewId],
     queryFn: () => loadByCurrentInterviewQuestion(interviewId),
-    gcTime: 60 * 60 * 10,
-    staleTime: 60* 60 * 10
+    refetchOnWindowFocus:false,
+    gcTime: Infinity,
+    staleTime: Infinity
   });
 
-  return {interview, refetch, error, isLoading: isFetching}
+  return {
+    interview,
+    refetch,
+    error,
+    isLoading: isFetching
+  };
 }