useMousePosition

UseMousePositionExample

src/prod/mouse/useMousePosition.ts

import React from 'react';



export const useMousePosition = () => {
	const [x, setX] = React.useState(0);
	const [y, setY] = React.useState(0);

	React.useEffect(() => {
		function updatePosition (e: any) {
			setX(e.clientX);
			setY(e.clientY);
		}

		window.addEventListener("mousemove", updatePosition);

		return () => window.removeEventListener("mousemove", updatePosition);
	}, []);

	return [x, y];
};

dist/prod/mouse/useMousePosition.js

import React from 'react';
export const useMousePosition = () => {
    const [x, setX] = React.useState(0);
    const [y, setY] = React.useState(0);
    React.useEffect(() => {
        function updatePosition(e) {
            setX(e.clientX);
            setY(e.clientY);
        }
        window.addEventListener("mousemove", updatePosition);
        return () => window.removeEventListener("mousemove", updatePosition);
    }, []);
    return [x, y];
};

src/prod/mouse/useMousePosition.ts

import React from 'react';



export const useMousePosition = () => {
	const [x, setX] = React.useState(0);
	const [y, setY] = React.useState(0);

	React.useEffect(() => {
		function updatePosition (e: any) {
			setX(e.clientX);
			setY(e.clientY);
		}

		window.addEventListener("mousemove", updatePosition);

		return () => window.removeEventListener("mousemove", updatePosition);
	}, []);

	return [x, y];
};