В чем причина того, что одно и то же приложение React отображает анимацию с разной скоростью в разных браузерах?

Question

У меня есть приложение React с одним кружком, который меняет цвет в соответствии с этой таблицей.

Duration/ms Color
20          red
20          yellow
...

У меня есть current_index в this.state в качестве номера строки, и функция updateColor () работает в componentWillMount ()

this.state = {current_index:0}


componentWillMount(){
    this.UpdateColor()
  }

UpdateColor(){
    this.setState({current_index : this.state.current_index+1})
    setTimeout(()=>this.updateColor,
                     time_interval_based_on_index)
}

Тем не менее, я заметил, что один и тот же код работает со значительно отличающейся скоростью в Firefox, Chrome и Safari.

Почему?

и как это исправить?

Большое спасибо