@rooks/use-mouse

Mouse position hook for React.

Installation

npm install --save @rooks/use-mouse

Importing the hook

import useMouse from "@rooks/use-mouse"

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 attributes	Type	Description
x	int	X position of mouse
y	int	Y position of mouse