fix initial mouse pos

brycedorn · Nov 14, 2023 · 112b10e · 112b10e
1 parent ee2aa3f
commit 112b10e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/dist/ReactIntense.js b/dist/ReactIntense.js
diff --git a/lib/ReactIntense.tsx b/lib/ReactIntense.tsx
@@ -49,11 +49,11 @@ function ReactIntense(props: Props) {
 
   const [distance, setDistance] = useState(0);
   const [loaded, setLoaded] = useState(false);
-  const mouseDest = useRef<{ x: number; y: number } | undefined>({
+  const mouseDest = useRef<{ x: number; y: number }>({
     x: 0,
     y: 0,
   });
-  const mouseCurr = useRef<{ x: number; y: number } | undefined>({
+  const mouseCurr = useRef<{ x: number; y: number }>({
     x: window.innerWidth / 2,
     y: window.innerHeight / 2,
   });
@@ -62,7 +62,7 @@ function ReactIntense(props: Props) {
   const intervalKey = useRef<number | undefined>();
 
   function positionTarget() {
-    if (!imgRef.current || !mouseCurr.current || !mouseDest.current) {
+    if (!imgRef.current) {
       return;
     }
 
@@ -157,6 +157,11 @@ function ReactIntense(props: Props) {
       onClick(e);
     }
 
+    mouseDest.current = {
+      x: e.clientX,
+      y: e.clientY,
+    };
+
     setVisible(true);
     lockBody();
   }