Suppress synthetic MouseMove event on touch

onNonTouchMouseMove.ts

// touch triggers both TouchStart and MouseMove events
// and not in a bubbling way -- both are thrown no matter how much you preventDefault()
// this suppresses the synthetic MouseMove event on touch
function onNonTouchMouseMove(mouseMoveHandler: MouseEventHandler<unknown>) {
  let ignoreMouseMove = false;
  return {
    onTouchStart: () => {
      ignoreMouseMove = true;
    },
    onMouseMove: (event: MouseEvent<unknown>) => {
      if (!ignoreMouseMove) mouseMoveHandler(event);
      else ignoreMouseMove = false;
    },
  };
}