can anyone help me why this error happaning and how to fix that .my code is:

"use client";
import { BiLoader } from "react-icons/bi";
import { MdVisibilityOff } from "react-icons/md";

import { MdVisibility } from "react-icons/md";
import axios from "axios";
import { revalidatePath } from "next/cache";
import { useState } from "react";
import toast from "react-hot-toast";
import Link from "next/link";

const BookmarkVisibilityToggle = ({ id, visibility }) => {
  const [isLoading, setIsLoading] = useState(false);
  const handlePatch = async () => {
    setIsLoading(true);
    try {
      await axios.patch(process.env.NEXT_PUBLIC_API_URL + "/bookmark/" + id, {
        visibility: !visibility,
      });
      toast.success("visibility Successfully Changed");
      revalidatePath("/profile");
      setIsLoading(false);
    } catch (error) {
      toast.error(error.message);
    }
  };
  return (
    <Link
      href={"/profile?showing=b"}
      disabled={isLoading}
      onClick={handlePatch}
    >
      {isLoading ? (
        <BiLoader />
      ) : visibility ? (
        <MdVisibility />
      ) : (
        <MdVisibilityOff />
      )}
    </Link>
  );
};
export default BookmarkVisibilityToggle;

im using javascript and nextjs version 13.5