react-special-cursor/src/hooks/useFollowCursor.js

Animated custom cursor

import { useEffect, useState } from "react";
export default function useFollowCursor() {
    const [mousePosition, setMousePosition] = useState({ mouseX: -100, mouseY: -100 });
    useEffect(() => {
        window.addEventListener("mousemove", mouseEvent => {
            let mouseX = mouseEvent.clientX;
            let mouseY = mouseEvent.clientY;
            setMousePosition({
                mouseX,
                mouseY,
            });
        });
        return () => {
            window.removeEventListener("mousedown", () => { });
        };
    }, []);
    return mousePosition;
}