long Press hook-like

longPressEvents.js

export default function longPressEvents(callback, ms = 500) {
  let timeout = null

  const start = () => (timeout = setTimeout(callback, ms))
  const stop = () => timeout && window.clearTimeout(timeout)

  return callback ? {
    onMouseDown: start,
    onMouseUp: stop,
    onMouseLeave: stop,
    onTouchStart: start,
    onTouchMove: stop,
    onTouchEnd: stop,
  } : {}
}

I've seen useLongPress hooks floating around. they aren't great, since you have to call hooks from the main function body.

can't do stuff like this:
items.map(item => <button {...useLongPress(handleClick)}>{item}</button>)

this simple vanilla JS side steps the limitations of hooks.