fix: don't initially return 0,0 as its a valid mouse position but is …

…wrong (#13)

* don't initially return 0,0 as its a valid mouse position but is wrong

* types

* types

src/hooks/useMousePosition.ts

@@ -1,15 +1,20 @@
 import { useEffect, useState, useCallback, useRef } from 'react';
-import { Position, TargetPosition } from '../types';
+import { Position } from '../types';
 
 export function useMousePosition(
   containerRef: React.RefObject<HTMLElement> | undefined,
   offsetX: number,
   offsetY: number
-) {
+): {
+  position: Position;
+  setPosition: React.Dispatch<React.SetStateAction<Position>>;
+  targetPosition: Position;
+  isVisible: boolean;
+} {
   const [position, setPosition] = useState<Position>({ x: null, y: null });
-  const [targetPosition, setTargetPosition] = useState<TargetPosition>({
-    x: 0,
-    y: 0,
+  const [targetPosition, setTargetPosition] = useState<Position>({
+    x: null,
+    y: null,
   });
   const [isVisible, setIsVisible] = useState(containerRef?.current !== null);
 

src/hooks/useSmoothAnimation.ts

@@ -1,17 +1,22 @@
 import { useEffect, useCallback } from 'react';
-import { Position, TargetPosition } from '../types';
+import { Position } from '../types';
 
 const SMOOTHING_THRESHOLD = 0.1;
 
 export function useSmoothAnimation(
-  targetPosition: TargetPosition,
+  targetPosition: Position,
   smoothFactor: number,
   setPosition: React.Dispatch<React.SetStateAction<Position>>
 ): void {
   // Memoize the smoothing calculation
   const calculateNewPosition = useCallback(
     (currentPosition: Position) => {
-      if (currentPosition.x === null || currentPosition.y === null) {
+      if (
+        currentPosition.x === null ||
+        currentPosition.y === null ||
+        targetPosition.x === null ||
+        targetPosition.y === null
+      ) {
         return currentPosition;
       }