When using two DynamicRangeSlider, each DynamicRangeSlider reacts to itself, blocking off "going back" on a selection

**Affected Projects**
React
"@appbaseio/reactivesearch": "^3.8"

**Library Version:** x.y.z
3.8

**Describe the bug**
When the page has 2 (or more) DynamicRangeSlider, then when using any one of them, the low/high points of the slider you're using moves, even though the element itself does not have 'react to' itself.

**To Reproduce**
It's a large project, so hard to get a snipped to reproduce, but I made a video.

**Expected behavior**
That when I change the price slider, the low (or high) end stays put.

**Screenshots**
The first part, I show with only price as a slider, and it works nicely,
in the second part I show "loadIndex" also being a slider, and then price changes itself when edited:
[https://youtu.be/yz1E0J69Mac](https://youtu.be/yz1E0J69Mac)

**Desktop (please complete the following information):**
- OS: MacOS Catalina
- Browser Chrome
- Version Version 80.0.3987.100 (Official Build) (64-bit)