react-use-mouse-position - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

index.js

@@ -13,15 +13,22 @@ import { useState, useEffect } from "react";
 
+  const updateTouchPosition = ev => {
+    if (ev?.changedTouches?.length > 0) {
+      let touch = ev?.changedTouches[0];
+      setMousePosition({ mouseX: touch.clientX, mouseY: touch.clientY });
+    }
+  };
+
   useEffect(() => {
     window.addEventListener("mousemove", updateMousePosition);
-    window.addEventListener("touchstart", updateMousePosition);
-    window.addEventListener("touchmove", updateMousePosition);
-    window.addEventListener("touchend", updateMousePosition);
-    window.addEventListener("touchcancel", updateMousePosition);
+    window.addEventListener("touchstart", updateTouchPosition);
+    window.addEventListener("touchmove", updateTouchPosition);
+    window.addEventListener("touchend", updateTouchPosition);
+    window.addEventListener("touchcancel", updateTouchPosition);
 
     return () => {
       window.removeEventListener("mousemove", updateMousePosition);
-      window.removeEventListener("touchstart", updateMousePosition);
-      window.removeEventListener("touchmove", updateMousePosition);
-      window.removeEventListener("touchend", updateMousePosition);
-      window.removeEventListener("touchcancel", updateMousePosition);
+      window.removeEventListener("touchstart", updateTouchPosition);
+      window.removeEventListener("touchmove", updateTouchPosition);
+      window.removeEventListener("touchend", updateTouchPosition);
+      window.removeEventListener("touchcancel", updateTouchPosition);
     };
@@ -28,0 +35,0 @@ }, []);

package.json

 {
   "name": "react-use-mouse-position",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A light npm package to track mouse position",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

5620

increased by3.82%

Lines of code

32

increased by23.08%

No dependency changes