react-use-mouse-position

useMousePosition - a custom React hook

• A lightweight (508 B) package to easily track mouse position in Reactjs
• Very useful for tinder style cards and other draggable elements
• v1.0.2 adds a variety of touch events, improving mobile usability

Install

npm install react-use-mouse-position

Example

import React from "react";
import { useMousePosition } from "react-use-mouse-position";

function MyApp() {
  const { mouseX, mouseY } = useMousePosition();
  console.log("mouseX:", mouseX);
}

useMousePosition returns

Name	Type	Default	Description
mouseX	num		The mouses current x position
mouseY	num		The mouses current y position

License

Code released under the MIT license.