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 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.