Best way to handle a double tap/click? (useDrag + filterTaps)

[thomasf1]

I´m having a draggable video and want to differentiate double and single taps/clicls.

Currently, I´m doing the following, but it seems not ideal:

Also, it seems that multiple double clicks in short succession often don´t quite work, I wonder if the filterTaps ignores some on short succession.

const bind2 = useDrag(dragHandler, { filterTaps: true });

const dragHandler = (state) => {
  if (state.tap) {
    tapHandler(state)
  }
(...)

let lastClick = (new Date()).getTime()
const tapHandler = (state) => {
    // Click handling

      // Time since last click
      const msNow = (new Date()).getTime()
      const since_last_click = msNow - lastClick
      lastClick = msNow

      // Double click?
      if (since_last_click < CLICK_INTERVAL) {
        // Double click
        (video seeking code)
        
        // Double toggle video state
        videoRef.current.toggle()
        lastClick = 0
      }
      // Single click
      else {
        videoRef.current.toggle()
      }
    }
  }