Guria

import { useRef, useState, useEffect } from 'react';

// Usage
function App() {
  const [ref, isHovered] = useHover(ref);

  return (
    <div ref={ref}>
      {isHovered ? '😁' : '☹️'}
    </div>