Yo uso el paquete rc slider tengo que asociar cada punto con diferentes usuarios, el problema es que cada vez que muevo el slider el div se mueve arriba y abajo antes del tamaño del punto en el slider, entonces no puedo asociar el usuario con un punto en particular.

 <Slider id={"slider"} style={{ "marginRight": "2rem", "width": "71vw" }} range trackStyle={[{ backgroundColor: '#3f51b5' }]} max={100} RcSlider={true} railStyle={{ backgroundColor: '#3f51b5' }} activeDotStyle={{ left: 'unset' }} // ariaLabelForHandle={Object.keys(hiddenUserChange)} tabIndex="-1" ariaLabelledByForHandle={bids} value={bids} onChange={handleChange} onAfterChange={updateFieldChanged} tipFormatter={value => `${value}%`} ariaValueTextFormatterForHandle={(e) => { "hello" }} />

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí ¿Hay alguna manera de hacer esto?