There was a problem with the npm module "react-custom-scrollbars". After the customization of styles and elements, the component “slider” is scrolled only with the mouse wheel. I would like to do everything with the help of relatives of this module settings. I would be happy to help.
<Scrollbars onScrollFrame={this.handleUpdate} ref="scrollbars" autoHeight={true} autoHeightMin={height} autoHeightMax={height} renderTrackHorizontal={props => <div {...props} style={{ position:"relative", right:"0", behavior: 'smooth', opacity: '1', }}/>} renderThumbHorizontal={props =>{ let onePerScroll=this.state.scrollHeight/100, onePerClient = height/100, rezult = (this.state.scrollTop/onePerScroll)*onePerClient, topCoords =isNaN((rezult-(this.state.clientHeight)))?(0-height):(rezult-(this.state.clientHeight)); return( <div {...props} style={{ position:"absolute", backgroundColor: '#ebbe55', height: '40px', width: '4px', opacity: '0.5', right:"0",/* transition:"1s", behavior: 'smooth',*/ cursor:"pointer", top: topCoords>=-40?-40:topCoords, }}/> ) }} style={{ width: "auto", maxHeight:"100%", minHeight:"100%" }} >