좋아요 비동기 리액트로

// -----------------------좋아요 기능----------------------------
// const handleLikeButton = async () => {
// try {
// const accessToken = getCookie("accessToken");
// console.log(accessToken);
// const payload = {
// postId:${id},

// }
// await axios.post(
// ${process.env.REACT_APP_SERVER_URL}/api/like,
// payload,
// {
// headers: {
// 'Content-Type': 'application/json',
// Accept: "/",
// Authorization: ${accessToken},
// },
// }
// );
// // 좋아요 버튼 상태 변경
// setIsLiked((prevState) => !prevState);

// } catch (error) {
// console.log('좋아요 처리 실패', error);
// }
// };
// -----------------------좋아요 기능----------------------------

    const accessToken = getCookie("accessToken");

    const likeMutation = useMutation((payload) =>
        axios.post(`${process.env.REACT_APP_SERVER_URL}/api/like`, payload, {
          headers: {
            'Content-Type': 'application/json',
            Accept: '*/*',
            Authorization: `${accessToken}`,
          },
        }),
      {
        onError: (error) => {
          console.log('좋아요 처리 실패', error);
        },
      }
    );
    
    const handleLikeButton = async () => {
      try {
        const payload = {
          postId: id,
        };
    
        // 좋아요 버튼의 상태를 변경
        setIsLiked((prevState) => !prevState);
    
        // 서버로 좋아요 요청 보내기
        await likeMutation.mutateAsync(payload);
      } catch (error) {
        console.log('좋아요 처리 실패', error);
      }
    };