import useCancelableTimeout from "use-cancelable-timeout";
 
function SimpleExample() {
  const [message, setMessage] = useState("Not hovered");
 
  const [onPointerEnter, onPointerLeave] = useCancelableTimeout(
    () => setMessage("Hovered for 1 second!"),
    1000,
  );
 
  return (
    <div onPointerEnter={onPointerEnter} onPointerLeave={onPointerLeave}>
      {message}
    </div>
  );
}