use-mouse

About

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

---

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.