Building like component - onClick function giving error

onClick function is giving below error
Type ‘{ color: string; size: number; onClick: () => void; }’ is not assignable to type ‘IntrinsicAttributes & IconBaseProps’.
Property ‘onClick’ does not exist on type ‘IntrinsicAttributes & IconBaseProps’.ts(2322)
(property) onClick: () => void



import { useState } from "react";
import { AiFillHeart } from "react-icons/ai";
import { AiOutlineHeart } from "react-icons/ai";

const Like = () => {
  const [status, setStatus] = useState(true);

  if (status)
    return (
      <AiFillHeart color="#ff6b81" size={60} onClick={() => setStatus(false)} />
    );
  return <AiOutlineHeart size={60} onClick={() => setStatus(true)} />;
};

export default Like;