beautiful-react-hooks/esm/useTouchState.js

A collection of beautiful (and hopefully useful) React hooks to speed-up your components and hooks development

import { useState } from 'react';
import useTouchEvents from './useTouchEvents';
/**
 * Returns the current touches from the touch move event.
 * It possibly accepts a DOM ref representing the mouse target.
 * If a target is not provided the state will be caught globally.
 */
const useTouchState = (targetRef) => {
    const [state, setState] = useState({ length: 0 });
    const { onTouchMove } = useTouchEvents(targetRef);
    onTouchMove((event) => {
        setState(event.touches);
    });
    return state;
};
export default useTouchState;