unexpected value change on mouse up when using smooth handle

When adding transition to handle and track to have a smooth movement, things are becoming a bit buggy.
When you click the track, it moves the handle to this position and updates the value. But, when the handle has transition, it just stops moving when leaving the mouse click.

Here it is on CodeSandbox.

It looks like onMouseUp depends on the actual current position, and not on the final position. There is no reason to do it. It should actually store the position in another place (rather on the element itself), and when leaving the mouse hold, read the position from that value.

Reproduce the issue in the linked CodeSandbox, starting with src/App.js and the slider's mouse-up behavior. Verify the handle reaches the clicked position and that releasing the mouse preserves the intended final value even while a transition is active.