Hook to handle single/double taps in react native

usage.js

import React from 'react';
import { Pressable, Text } from 'react-native';
import { useDoubleTapHandler } from './useDoubleTapHandler';

const UsageExample = () => {
  const onPressHandler = useDoubleTapHandler();
  
  const onPress = () => {
    onPressHandler({
      onSinglePress: () => console.log('Single Tap'),
      onDoublePress: () => console.log('Double Tap'),
    });
  };

  return (
    <Pressable onPress={onPress}>
      <Text>Tap me</Text>
    </Pressable>
  );
};

export default UsageExample;

useDoubleTapHandler.js

import { useState } from 'react';

const DOUBLE_TAP_DELAY_MS = 300;

let timerId;

export const useDoubleTapHandler = () => {
  const [lastTapTime, setLastTapTime] = useState(0);

  return ({ onSingleTap, onDoubleTap }) => {
    clearTimeout(timerId);
    const now = Date.now();
    const delta = now - lastTapTime;

    if (delta <= DOUBLE_TAP_DELAY_MS) {
      onDoubleTap();
    } else {
      timerId = setTimeout(onSingleTap, DOUBLE_TAP_DELAY_MS + 1);
    }

    setLastTapTime(now);
  };
};