feat: (#168) 게시글 상세 조회 커스텀 쿼리 구현

frontend/src/hooks/query/post/usePostDetail.ts

@@ -0,0 +1,24 @@
+import { useQuery } from '@tanstack/react-query';
+
+import { PostInfo } from '@type/post';
+
+import { getPost } from '@api/post';
+
+import { QUERY_KEY } from '@constants/queryKey';
+
+export const usePostDetail = (postId: number) => {
+ const { data, error, isLoading } = useQuery<PostInfo>(
+ [QUERY_KEY.POST_DETAIL, postId],
+ () => getPost(postId),
+ {
+ onSuccess: data => {
+ return data;
+ },
+ onError: error => {
+ window.console.error(error);
+ },
+ }
+ );
+
+ return { data, error, isLoading };
+};