title: React router OnChange redirect
body: <p>I'm having a hard time figuring out how to properly implement onChange in my react router. Want I to do is on change I want to redirect to Home. Following this code: </p>
  
  <pre><code>import React, { Component } from 'react';
  import ReactDOM from 'react-dom';
  import App from './App';
  import Home from './Home';
  import Post_Form from './Post_Form';
  
  import * as Firebase from 'firebase';
  import Config from './utils/config.js';
  import Auth from './utils/auth.js';
  
  import { Router, Route, Link, browserHistory, IndexRoute  } from 'react-router';
  
  class Root extends Component {
      constructor(props) {
          super(props);
          this.state = {
          };
      }
  
      routeChange(nextPathname, nextState, replace, cb) {
        replace({
          pathname: '/home',
          state: {nextPathname: nextState.location.pathname}
        });
        cb();
      }
  
      render() {
          return (
              &lt;Router history = {browserHistory}&gt;
                &lt;Route path = "/" component = {App} onChange={this.routeChange.bind(this)}&gt;
                   &lt;IndexRoute component = {Home} /&gt;
                   &lt;Route path = "home" component = {Home} /&gt;
                   &lt;Route path ="post-form" component={Post_Form} /&gt;
                   &lt;Route path="*" component={Home}/&gt;
                &lt;/Route&gt;
              &lt;/Router&gt;
          )
      }
  }
  
  
  ReactDOM.render(&lt;Root /&gt;, document.getElementById('root'));
  </code></pre>
  
  <p>When click the navigation I get </p>
  
  <pre><code>Uncaught RangeError: Maximum call stack size exceeded
  </code></pre>