Function useNonMobilePointerHover

Custom React hook for detecting pointer hover state on non-mobile devices.

Example

const MyComponent = () => {
  const ref = useRef<HTMLDivElement>(null);
  const isHovered = useNonMobilePointerHover(ref);

  return (
    <div ref={ref} style={{ backgroundColor: isHovered ? 'lightblue' : 'white' }}>
      Hover over me!
    </div>
  );
};