title: React-router browserHIstory.push() does not redirect
body: <p>I saw lots of similar questions on StackOverflow, but the suggested solutions did not work for me. It's also possible that I did not know how to best apply it, as I am new to React. A MCVE of my code is as below:</p>
  
  <pre><code>export default class ClDashboard extends Component {
    constructor(props) {
      super(props)
      this.state = {
        start: this.props.location.query.start,
        end: this.props.location.query.end,
        period: this.props.location.query.period,
        autoRotate: false
      }
    }
  
    componentWillMount() {
      this.setState(this.newProps(this.props))
    }
  
    componentDidMount() {
      if (this.state.autoRotate) {
        let nextID = this.getNextID(this.props.route.clientInfo.farms)
  
        let [startDate, endDate] = this.getAutoRotateDates()
        let timeQuery = '/?start=' + startDate + '&amp;end=' + endDate
  
        let farmChange = this.farmChange.bind(this)
        let farmChangeHandle = () =&gt; {
          if (this.state.autoRotate) { 
            farmChange(nextID, timeQuery)
          }
        }
        setTimeout(farmChangeHandle, 3000)
      }
    }
  
  farmChange = (ID, timeQuery) =&gt; {
          browserHistory.push(this.state.url + ID + timeQuery)
      }
  </code></pre>
  
  <p>Essentially what happens is, I am trying to rotate between a set of IDs (<code>getNextID()</code> gets the next ID in sequence) if a certain flag <code>autoRotate</code> is set to true. However, though the URL changes to the next ID, the page does not reflect the changes.</p>
  
  <p>I tried the following things:
  - I don't think the solution from <a href="https://stackoverflow.com/questions/44509790/url-changing-but-view-is-not-changing-in-react-router-4">here</a> is applicable to my case, but if it is, would like to know how.
  - My version of react-router is 3.0.5 so solutions like <a href="https://stackoverflow.com/questions/42701129/how-to-push-to-history-in-react-router-v4">these for v4</a> would not work
  - Tried adding <code>componentWillReceiveProps()</code> like suggested <a href="https://stackoverflow.com/questions/35526825/browserhistory-push-doesnt-navigate-to-new-page">here</a> but that did not help either.</p>
  
  <p>One strange thing is that if I copy everything within <code>if (this.state.autoRotateFarms)</code> to <code>componentWillReceiveProps()</code>, then it works, but it seems to redirect the page back to the next ID in the sequence even after you navigate away.</p>
  
  <p>How can I go about fixing this?</p>