[FE] ✨ Feat : 방명록을 작성하는 커스텀 훅 구현 (codestates-seb#352)

client/src/hooks/mutation/useAddGuestbookMutation.ts

@@ -0,0 +1,29 @@
+import { useParams } from 'next/navigation';
+
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+import { addGuestbook } from '@/api/garden';
+
+import useUserStore from '@/stores/userStore';
+
+import { CommentInputValue } from '@/types/common';
+
+const useAddGuestbookMutation = () => {
+  const queryClient = useQueryClient();
+
+  const { id } = useParams();
+
+  const { userId } = useUserStore();
+
+  const { mutate } = useMutation({
+    mutationFn: ({ comment }: CommentInputValue) =>
+      addGuestbook(id as string, comment),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['guestbook', userId] });
+    },
+  });
+
+  return { mutate };
+};
+
+export default useAddGuestbookMutation;