Double clickable component (react native)

double-clickable.tsx

import type { PropsWithChildren, ReactElement } from "react";
import { useState } from "react";
import { TouchableWithoutFeedback } from "react-native-gesture-handler";

type DoubleClickableViewProps = {
  onDoubleClick: () => void;
  delay?: number;
} & PropsWithChildren;

export const DoubleClickableView = ({ onDoubleClick, delay = 300, children }: DoubleClickableViewProps): ReactElement => {
  const [lastTap, setLastTap] = useState(null);

  const handleDoubleTap = (): void => {
    const now = Date.now();
    if (lastTap && (now - lastTap) < delay) {
      onDoubleClick();
    } else {
      // @ts-ignore
      setLastTap(now);
    }
  };

  return (
    <TouchableWithoutFeedback onPress={handleDoubleTap}>
      {children}
    </TouchableWithoutFeedback>
  );
};