React Hooks Lab Docz
Getting Starteduse-intersection-observeruse-mouse-positionuse-on-hoveruse-scroll-directionuse-scroll-progressuse-scroll-to-topuse-window-size

use-on-hover

Hook Description

Hover me
import React, { useRef } from "react";
import { useOnHover } from "react-hooks-lab";
const YourComponent = () => {
  useOnHover(hoverRef, onHoverIn, onHoverOut);
  function onHoverIn() {
    hoverRef.current.style.backgroundColor = "green";
  }
  function onHoverOut() {
    hoverRef.current.style.backgroundColor = "red";
  }
  return <div ref={hoverRef}>Hover me</div>;
};