draghandler.js

const bind = useDrag(
  ({ down, tap, movement: [x] }) => {
    // Tap handler
    if (!down && tap) {
      set({ x: toggled ? -RANGE : 0 });
      setToggled(!toggled);
      return;
    }
    // Drag handler
    if (down) {
      set({ x });
    } else {
      const isToggled = x > -RANGE / 2;
      set({ x: isToggled ? 0 : -RANGE });
      setToggled(isToggled);
    }
  },
  {
    initial: () => [x.get(), 0],
    bounds: { left: -RANGE, right: 0, top: 0, bottom: 0 },
  }
);