(bug) Slider Memory Leak -Increasing DOM Nodes

[WINOFFRG]

The Slider has been inspired from Radix UI. While dragging we see a an increase in DOM Nodes in Chrome Performance Tools.

React can handle this well, No issues at all. However, what makes it different from https://601857eb614bae0021c9b9dd-cdntpgquse.chromatic.com/?path=/story/components-slider--styled Radix UI Slider where DOM Nodes aren't increasing? The similar case is observed in Timeline Slider where DOM Nodes starts increasing on hover event.

A way to debug this is to find the reference of Detached Elements, Other Similar Issues:

facebook/react#25772
facebook/react#23214

By using Detached Elements tool in Edge, It failed! Refer Image 2, References weren't found https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/memory-problems/dom-leaks Seems like the nodes were cleaned up too early even before profier could even read it.

Slider Code: https://github.com/WINOFFRG/limeplay/blob/985d2539ad64b99b59c3f406836e66c17a224acb/packages/limeplay-core/src/components/VolumeSlider/Slider.tsx
Radix Slider: https://github.com/radix-ui/primitives/blob/main/packages/react/slider/src/Slider.tsx