refactor(queries): useSuspenseQuery를 사용하는 훅들 수동으로 error 전파

woowacourse-teams · Oct 17, 2024 · e0adebf · e0adebf
1 parent 21ca869
commit e0adebf
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/frontend/src/queries/categories/useCategoryListQuery.ts b/frontend/src/queries/categories/useCategoryListQuery.ts
@@ -9,8 +9,14 @@ export const useCategoryListQuery = () => {
     memberInfo: { memberId },
   } = useAuth();
 
-  return useSuspenseQuery<CategoryListResponse, Error>({
+  const result = useSuspenseQuery<CategoryListResponse, Error>({
     queryKey: [QUERY_KEY.CATEGORY_LIST],
     queryFn: () => getCategoryList({ memberId }),
   });
+
+  if (result.error && !result.isFetching) {
+    throw result.error;
+  }
+
+  return result;
 };
diff --git a/frontend/src/queries/tags/useTagListQuery.ts b/frontend/src/queries/tags/useTagListQuery.ts
@@ -9,8 +9,14 @@ export const useTagListQuery = () => {
     memberInfo: { memberId },
   } = useAuth();
 
-  return useSuspenseQuery<TagListResponse, Error>({
+  const result = useSuspenseQuery<TagListResponse, Error>({
     queryKey: [QUERY_KEY.TAG_LIST],
     queryFn: () => getTagList({ memberId }),
   });
+
+  if (result.error && !result.isFetching) {
+    throw result.error;
+  }
+
+  return result;
 };