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

use-mouse-position

Hook Description

Mouse position x: 0
Mouse position y: 0
import React from "react";
import { useMousePosition } from "react-hooks-lab";
const MousePosition = () => {
  const { x, y } = useMousePosition();
  return (
    <div>
      Mouse position x: {x}
      <br />
      Mouse position y: {y}
    </div>
  );
};
export default MousePosition;