FE-42♻️ useEpigramCommentHook 분리

src/components/epigram/Comment/CommentList.tsx

@@ -1,4 +1,4 @@
-import { useEpigramCommentsQuery } from '@/hooks/useEpigramQueryHook';
+import useEpigramCommentsQuery from '@/hooks/useEpigramCommentHook';
 import { EpigramCommentProps } from '@/types/epigram.types';
 import CommentItem from './CommentItem';
 import NoComment from './NoComment';

src/hooks/useEpigramCommentHook.ts

@@ -0,0 +1,7 @@
+import queries from '@/apis/queries';
+import { CommentRequestType } from '@/schema/comment';
+import { useQuery } from '@tanstack/react-query';
+
+const useEpigramCommentsQuery = (request: CommentRequestType) => useQuery(queries.epigramComment.getComments(request));
+
+export default useEpigramCommentsQuery;

src/hooks/useEpigramQueryHook.ts

@@ -1,12 +1,11 @@
 import { useQuery } from '@tanstack/react-query';
 import queries from '@/apis/queries';
 import { GetEpigramRequestType } from '@/schema/epigram';
-import { CommentRequestType } from '@/schema/comment';
 
-export const useEpigramQuery = (request: GetEpigramRequestType | undefined, enabled = true) =>
+const useEpigramQuery = (request: GetEpigramRequestType | undefined, enabled = true) =>
   useQuery({
     ...queries.epigram.getEpigram(request ?? { id: undefined }),
     enabled: enabled && request?.id !== undefined,
   });
 
-export const useEpigramCommentsQuery = (request: CommentRequestType) => useQuery(queries.epigramComment.getComments(request));
+export default useEpigramQuery;

src/pages/epigram/[id].tsx

@@ -1,5 +1,5 @@
 import { GetEpigramRequestSchema } from '@/schema/epigram';
-import { useEpigramQuery } from '@/hooks/useEpigramQueryHook';
+import useEpigramQuery from '@/hooks/useEpigramQueryHook';
 import EpigramComment from '@/pageLayout/Epigram/EpigramComment';
 import EpigramFigure from '@/pageLayout/Epigram/EpigramFigure';
 import Image from 'next/image';