fix: error를 throw 할 수 있는 useSuspenseQuery 로 변경

pepperdad · pepperdad · commit 4146d1963c9e · 2026-01-17T17:45:27.000+09:00
diff --git a/apps/ticket-admin/src/data/admin/getCoupons/queries.ts b/apps/ticket-admin/src/data/admin/getCoupons/queries.ts
@@ -1,8 +1,9 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
 import { getPathUrl } from "@/shared/helpers/getPathUrl";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket-admin/src/data/admin/getEventDetail/queries.ts b/apps/ticket-admin/src/data/admin/getEventDetail/queries.ts
@@ -1,8 +1,9 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
 import { getPathUrl } from "@/shared/helpers/getPathUrl";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket-admin/src/data/admin/getEvents/queries.ts b/apps/ticket-admin/src/data/admin/getEvents/queries.ts
@@ -1,7 +1,8 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket-admin/src/data/admin/getGuestList/queries.ts b/apps/ticket-admin/src/data/admin/getGuestList/queries.ts
@@ -1,7 +1,8 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket-admin/src/data/admin/getTickets/queries.ts b/apps/ticket-admin/src/data/admin/getTickets/queries.ts
@@ -1,8 +1,9 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
 import { getPathUrl } from "@/shared/helpers/getPathUrl";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket-admin/src/data/admin/getTicketsDetail/queries.ts b/apps/ticket-admin/src/data/admin/getTicketsDetail/queries.ts
@@ -1,8 +1,9 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
 import { getPathUrl } from "@/shared/helpers/getPathUrl";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket/src/data/events/getEventDetail/queries.ts b/apps/ticket/src/data/events/getEventDetail/queries.ts
@@ -1,8 +1,9 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
 import { getPathUrl } from "@/shared/helpers/getPathUrl";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket/src/data/events/getEventTickets/queries.ts b/apps/ticket/src/data/events/getEventTickets/queries.ts
@@ -1,8 +1,9 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
 import { getPathUrl } from "@/shared/helpers/getPathUrl";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket/src/data/events/getEvents/queries.ts b/apps/ticket/src/data/events/getEvents/queries.ts
@@ -1,7 +1,8 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   PermitQueryOptions,
   UsePermitQueryOptions,
diff --git a/apps/ticket/src/data/events/getSiteMap/queries.ts b/apps/ticket/src/data/events/getSiteMap/queries.ts
@@ -1,8 +1,9 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
 import { getPathUrl } from "@/shared/helpers/getPathUrl";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket/src/data/events/getTimetableDetail/queries.ts b/apps/ticket/src/data/events/getTimetableDetail/queries.ts
@@ -1,8 +1,9 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
 import { getPathUrl } from "@/shared/helpers/getPathUrl";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket/src/data/events/getTimetables/queries.ts b/apps/ticket/src/data/events/getTimetables/queries.ts
@@ -1,8 +1,9 @@
-import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
 import { getPathUrl } from "@/shared/helpers/getPathUrl";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import {
   OptionsObject,
   PermitQueryOptions,
diff --git a/apps/ticket/src/data/users/getUserInfo/queries.ts b/apps/ticket/src/data/users/getUserInfo/queries.ts
@@ -1,7 +1,6 @@
-import { useSuspenseQuery } from "@tanstack/react-query";
-
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import { PermitQueryOptions, UsePermitSuspenseQueryOptions } from "@/shared/types/queryOptions";
 
 import { USER_QUERY_KEYS } from "../queryKeys";
diff --git a/apps/ticket/src/data/users/getUserTickets/queries.ts b/apps/ticket/src/data/users/getUserTickets/queries.ts
@@ -1,7 +1,6 @@
-import { useSuspenseQuery } from "@tanstack/react-query";
-
 import { API_URL } from "@/data/constants";
 import { instance } from "@/lib/axios";
+import { useSuspenseQuery } from "@/shared/hooks/useSuspenseQuery";
 import { PermitQueryOptions, UsePermitSuspenseQueryOptions } from "@/shared/types/queryOptions";
 
 import { USER_QUERY_KEYS } from "../queryKeys";
diff --git a/apps/ticket/src/shared/hooks/useSuspenseQuery/index.ts b/apps/ticket/src/shared/hooks/useSuspenseQuery/index.ts
@@ -0,0 +1,40 @@
+import {
+  QueryClient,
+  QueryKey,
+  useQueryClient,
+  useSuspenseQuery as _useSuspenseQuery,
+  UseSuspenseQueryOptions,
+} from "@tanstack/react-query";
+
+/**
+ * error 가 발생하면 에러를 던지는 useSuspenseQuery 훅
+ *
+ * 기본 useSuspenseQuery 훅과 다르게 throwOnError 옵션을 추가하여 error 가 발생하면 에러를 던질 수 있도록 함
+ */
+export const useSuspenseQuery = <
+  TQueryFnData = unknown,
+  TError = unknown,
+  TData = TQueryFnData,
+  TQueryKey extends QueryKey = QueryKey,
+>(
+  {
+    throwOnError = true,
+    ...options
+  }: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & { throwOnError?: boolean },
+  queryClient?: QueryClient,
+) => {
+  const appQueryClient = useQueryClient();
+  const _queryClient = queryClient ?? appQueryClient;
+
+  const query = _useSuspenseQuery<TQueryFnData, TError, TData, TQueryKey>(options, _queryClient);
+
+  if (
+    (throwOnError ?? !!_queryClient?.getDefaultOptions()?.queries?.throwOnError) &&
+    query.error &&
+    !query.isFetching
+  ) {
+    throw query.error;
+  }
+
+  return query;
+};
