useHover

import { useRef } from "react";

import { useHover } from "@teasim/hooks";

export default function Component() {
  const hoverRef = useRef(null);
  const isHover = useHover(hoverRef);

  return <div ref={hoverRef}>{`The current div is ${isHover ? `hovered` : `unhovered`}`}</div>;
}