reactuals/dist/hooks/useMousePosition.js

A useful package providing a collection of 50+ React hooks and utilities to simplify React development.

import { useEffect, useState } from "react";
export function useMousePosition() {
    const [position, setPosition] = useState({ x: 0, y: 0 });
    useEffect(() => {
        const updateMouse = (e) => {
            setPosition({ x: e.clientX, y: e.clientY });
        };
        window.addEventListener("mousemove", updateMouse);
        return () => window.removeEventListener("mousemove", updateMouse);
    }, []);
    return position;
}