@szhsin/react-menu/dist/esm/hooks/useMouseOver.mjs

React component for building accessible menu, dropdown, submenu, context menu, and more

import { useState, useEffect } from 'react';

const useMouseOver = isHovering => {
  const [mouseOver, setMouseOver] = useState(false);
  useEffect(() => {
    !isHovering && setMouseOver(false);
  }, [isHovering]);
  return [mouseOver, () => !mouseOver && setMouseOver(true), () => setMouseOver(false)];
};

export { useMouseOver };