Slider can only move by one step

I am using Slider like this:

<Slider 
    range
    className="t-slider"
    min={0}
    max={120}
    step={15}
    marks={Object.fromEntries(range(0, 121, 15).map(t=>[t, formatTimestamp(t, 60)]))}
    value={paragraphLength}
    onChange={(v) => {setParagraphLength(v);}}/>

When dragging the slider, it gets released after a single step, so the user needs to grab it again to drag another step. A similar observation was reported in #363. However, in contrast to the code there, I do not create a Range during render (I do not create it at all).

Start with the Slider component and reproduce the provided range configuration: range, min 0, max 120, step 15, marks, and a controlled value. Trace the drag interaction to determine why the handle is released after one step, then verify that dragging can cross multiple steps without recreating a Range during render.