feat: 타입 안정 유지하면서 쿼리 비활성화

Author: yewonJin

frontend/src/hooks/usePages.ts

@@ -1,4 +1,10 @@
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import {
+  useQuery,
+  useMutation,
+  useQueryClient,
+  skipToken,
+} from "@tanstack/react-query";
+
 import {
   getPages,
   createPage,
@@ -7,6 +13,15 @@ import {
   type PageRequest,
 } from "@/api/page";
 
+export const usePage = (currentPage: number | null) => {
+  const { data, isError } = useQuery({
+    queryKey: ["page", currentPage],
+    queryFn: currentPage ? () => getPage(currentPage) : skipToken,
+  });
+
+  return { data, isError };
+};
+
 export const usePages = () => {
   const { data, isError } = useQuery({
     queryKey: ["pages"],