From 80679603ace6de612789bb8fe7b75f55b25290db Mon Sep 17 00:00:00 2001
From: inyeong-kang <tomatorkd@naver.com>
Date: Thu, 3 Aug 2023 15:39:14 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20(#168)=20=EA=B2=8C=EC=8B=9C=EA=B8=80=20?=
 =?UTF-8?q?=EC=83=81=EC=84=B8=20=EC=A1=B0=ED=9A=8C=20=EC=BB=A4=EC=8A=A4?=
 =?UTF-8?q?=ED=85=80=20=EC=BF=BC=EB=A6=AC=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/hooks/query/post/usePostDetail.ts     | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 frontend/src/hooks/query/post/usePostDetail.ts

diff --git a/frontend/src/hooks/query/post/usePostDetail.ts b/frontend/src/hooks/query/post/usePostDetail.ts
new file mode 100644
index 000000000..b523cd275
--- /dev/null
+++ b/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 };
+};