Issue with slider

So I have a range slider with tooltips.
My problem is that I use custom onChange and value.

<Range
    className="c-range"
    value={valueState}
    onChange={value => setValueState(value)}
    min={minPossible}
    max={maxPossible}
/>

If I just use Slider.Range without tooltips it works fine. But when I do:

const { createSliderWithTooltip } = Slider;
const Range = createSliderWithTooltip(Slider.Range);

And use Range like in the example above, the value only changes by 1 until I let go and click again.

Start at createSliderWithTooltip and compare its controlled value and onChange behavior with Slider.Range without tooltips. Reproduce the provided example and verify that a controlled range updates continuously while dragging, rather than advancing only one step until the next click.