Отключить React Input Range Slider от response-range-slider

Question

Как отключить слайдер InputRange в reactjs с помощью javascript? Я попытался присвоить ему идентификатор и изменить свойство disabled на true, но это не сработало.

handleAnimations(animations) {
    document.getElementById("len").disabled = true;
    //some code
    setTimeout(function () {
      document.getElementById("len").disabled = false;
    }, i * ANIMATION_SPEED_MS);
  }
handleChange(val){
    this.setState({arraybarvalue:val});
    this.resetArray();
  }
.
.
.
.
.
   render() {
    const { array } = this.state;

    return (
      <>
          <div  style={{width:100}} className="text-white" >Length<InputRange id="len" disabled={false}  style={{width:50}} step={2} minValue={10} maxValue={210} value={this.state.arraybarvalue} onChange={val => this.setState({ arraybarvalue: val })} onChangeComplete={val=>this.handleChange(val)}></InputRange></div>
      </>
    );
}