@geneui/components/hooks/useHover.js

The Gene UI components library designed for BI tools

import { useState, useEffect } from 'react';

const useHover = ref => {
  const [isHovered, setIsHovered] = useState(false);
  const handleMouseEnter = () => setIsHovered(true);
  const handleMouseLeave = () => setIsHovered(false);
  useEffect(() => {
    const node = ref.current;
    if (!node) return;
    node.addEventListener('mouseenter', handleMouseEnter);
    node.addEventListener('mouseleave', handleMouseLeave);
    return () => {
      node.removeEventListener('mouseenter', handleMouseEnter);
      node.removeEventListener('mouseleave', handleMouseLeave);
    };
  }, [ref]);
  return isHovered;
};

export { useHover as default };