Skip to main content
Version: 5.8.0

useMouse

About​

Mouse position hook for React.

Installation​

npm install --save rooks

Importing the hook​

import { useMouse } from "rooks";

Usage​

function Demo() {
const { x, y } = useMouse();
return (
<>
<p> Move mouse here to see changes to position </p>
<p>X position is {x || "null"}</p>
<p>X position is {y || "null"}</p>
</>
);
}

render(<Demo />);

Returned Object​

Returned object attributesTypeDescription
xintX position of mouse
yintY position of mouse

Codesandbox Examples​

Basic Usage​

Join Bhargav's discord server​

You can click on the floating discord icon at the bottom right of the screen and talk to us in our server.