title: react-router-dom Link tag not working
body: <p>I'm very new to React. I'm trying to get basic routing working with react-router-dom (v.4.0.0) but I cannot get the Link tag to work. The URL changes but the component linked to does not get rendered. No errors in the console. Any help would be much appreciated. </p>
  
  <p>This is the code I have. </p>
  
  <pre><code>import React, {Component} from 'react';
  import ReactDOM from 'react-dom';
  import { Provider } from 'react-redux';
  import { createStore, applyMiddleware } from 'redux';
  import {BrowserRouter, Route, Link} from 'react-router-dom';
  
  import App from './components/app';
  import reducers from './reducers';
  
  const createStoreWithMiddleware = applyMiddleware()(createStore);
  
  class First extends Component {
    render() {
      return (&lt;div&gt;First&lt;/div&gt;);
    }
  }
  
  class Second extends Component {
    render() {
      return (&lt;div&gt;Second&lt;/div&gt;);
    }
  }
  
  ReactDOM.render(
    &lt;Provider store={createStoreWithMiddleware(reducers)}&gt;
      &lt;BrowserRouter&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;p&gt;Welcome&lt;/p&gt;
            &lt;Link to="/first"&gt;1&lt;/Link&gt;
            &lt;Link to="/second"&gt;2&lt;/Link&gt;
          &lt;/div&gt;
          &lt;Route path="/first" component={First} /&gt;
          &lt;Route path="/second" component={Second} /&gt;
        &lt;/div&gt;
      &lt;/BrowserRouter&gt;
    &lt;/Provider&gt;
    , document.querySelector('.container'));
  </code></pre>
  
  <p>Thanks.</p>