useOnLongPress

import { useOnLongPress } from "rooks";
export default function App() {
  const handleLongPress = () => {
    console.log("Long press detected");
  };
 
  const longPressRef = useOnLongPress(handleLongPress);
 
  return (
    <>
      <p>
        Press and hold the button for 500ms to trigger a console.log statement
      </p>
      <button ref={longPressRef}>Long press me</button>
    </>
  );
}

import { useOnLongPress } from "rooks";
export default function App() {
  const handleLongPress = () => {
    console.log("Long press detected");
  };
 
  const longPressRef = useOnLongPress(handleLongPress, {
    duration: 1000,
    onClick: handleTouchEnd,
  });
 
  return (
    <>
      <p>
        Press and hold the button for 1000ms to trigger a console.log statement
      </p>
      <button ref={longPressRef}>Long press me</button>
    </>
  );
}