title: React Router does not replace the previous page content
body: <p>I am trying to navigate to a page on button click using the following code:</p>
  
  <pre><code>    this.props.history.pushState(null, "page2");
  </code></pre>
  
  <p>It changes the URL in address bar and shows me the content of targetURL on the current page itself, rather than hiding the previous page content.</p>
  
  <p>Below is my router code:</p>
  
  <pre><code>const routes = (
  &lt;Router history={createBrowserHistory(historyOptions)}&gt;
      &lt;Route path='/' component={BaseLayout}&gt;
          &lt;IndexRoute component={Home}/&gt;
          &lt;Route path="/page2" component={Page2}/&gt;
      &lt;/Route&gt;
  &lt;/Router&gt;
  );
  </code></pre>
  
  <p>I am using react router version: 1.0.0 . How can I fix the issue?</p>