좋아요 기능 비동기를 리액트 쿼리로

// -----------------------댓글 추가 기능----------------------------

   // 댓글 추가 기능
      const handleCommentSubmit = async (e) => {
      e.preventDefault();
     	try {
        // 댓글 작성 요청
        const accessToken = getCookie("accessToken");
        console.log(accessToken);
       	await instance.post(
             `/api/comments`,
             {
             postId: id,
              content: commentText
            },
             {
              headers: {
                    Accept: "*/*",
                     Authorization: `${accessToken}`,
                 },
            }
         )

         // 댓글 작성 후 폼 초기화
         setCommentText('');
    } catch (error) {
         console.log('댓글 작성 실패', error);
    }
}

-----------------------댓글 추가 기능----------------------------

const accessToken = getCookie("accessToken");



const addCommentMutation = useMutation(
    (commentText) =>
      instance.post(
        `/api/comments`,
        {
          postId: id,
          content: commentText,
        },
        {
          headers: {
            Accept: '*/*',
            Authorization: `${accessToken}`,
          },
        }
      ),
    {
      onError: (error) => {
        console.log('댓글 작성 실패', error);
      },

      onSettled: () => {
        queryClient.invalidateQueries('comments');
      },
    }
  );


  const handleCommentSubmit = async (e) => {
    e.preventDefault();
    try {
      await addCommentMutation.mutateAsync(commentText);
      

      setCommentText('');
    } catch (error) {
      console.log('댓글 작성 실패', error);
    }
  };