fix: Not peventDefault of touchStart since it will prevent click event

Author: zombieJ

examples/basic.tsx

@@ -6,7 +6,7 @@ interface Item {
   id: string;
 }
 
-const MyItem: React.FC<Item> = ({ id }, ref) => (
+const MyItem: React.ForwardRefRenderFunction<any, Item> = ({ id }, ref) => (
   <span
     ref={ref}
     style={{
@@ -18,6 +18,9 @@ const MyItem: React.FC<Item> = ({ id }, ref) => (
       boxSizing: 'border-box',
       display: 'inline-block',
     }}
+    onClick={() => {
+      console.log('Click:', id);
+    }}
   >
     {id}
   </span>

src/hooks/useMobileTouchMove.ts

@@ -19,6 +19,8 @@ export default function useMobileTouchMove(
 
   const onTouchMove = (e: TouchEvent) => {
     if (touchedRef.current) {
+      e.preventDefault();
+
       const currentY = Math.ceil(e.touches[0].pageY);
       let offsetY = touchYRef.current - currentY;
       touchYRef.current = currentY;
@@ -50,7 +52,6 @@ export default function useMobileTouchMove(
     if (e.touches.length === 1 && !touchedRef.current) {
       touchedRef.current = true;
       touchYRef.current = Math.ceil(e.touches[0].pageY);
-      e.preventDefault();
 
       elementRef.current = e.target as HTMLElement;
       elementRef.current.addEventListener('touchmove', onTouchMove);