export function useHover()

in src/utils.ts [104:123]

• 19 lines of code
• 2 McCabe index (conditional complexity)

export function useHover() {
  const [value, setValue] = React.useState(false);
  const ref = React.useRef(null);
  const handleMouseOver = () => setValue(true);
  const handleMouseOut = () => setValue(false);
  React.useEffect(() => {
    const node = ref.current as any;
    if (node) {
      node.addEventListener("mouseover", handleMouseOver);
      node.addEventListener("mouseout", handleMouseOut);

      return () => {
        node.removeEventListener("mouseover", handleMouseOver);
        node.removeEventListener("mouseout", handleMouseOut);
      };
    }
    return undefined;
  }, [ref.current]);
  return [ref, value];
}