useOnHovering()

const bind = useOnHovering((e) => {
      console.log(e);
   });

   return (
      <div
         {...bind}
         style={{ width: "200px", height: "200px", background: "blue" }}>
         hover
      </div>
   );