title: URL changes but coponent does not reload
body: <p>I'm new to React and I Have a problem with React Router Dom.
  I'm developping an single page App for my resumee to practicing and 
  I have a burger menu where I used "Link" to match the good URL. I want this links load the component associated but I have to refresh the page to load the component wanted.</p>
  
  <p>I read a lot of different way to solve this problem and tried most of them but no one helping me to solve my prroblem.. </p>
  
  <p>Here App.js:</p>
  
  <pre><code>import Formations from "./formations/formations";
  import Experiences from "./experiences/experiences";
  import BM from "./BM/BM";
  import {
      BrowserRouter as Router,
      Switch,
      Route,
      Link,
      withRouter,
  } from "react-router-dom";
  
  class App extends React.Component {
      render() {
          return (
              &lt;div className="App"&gt;
                  &lt;Header /&gt;
                &lt;p className="App-intro"&gt;{this.state.apiResponse}&lt;/p&gt;
                  &lt;Router&gt;
                      &lt;div&gt;
                          &lt;Switch&gt;
                              &lt;Route exact path="/" component={Home} /&gt;
                              &lt;Route path="/formations" component={Formations} /&gt;
                              &lt;Route path="/experiences" component={Experiences} /&gt;
                          &lt;/Switch&gt;
                      &lt;/div&gt;
                  &lt;/Router&gt;
                  &lt;div className="bottomPage"&gt;
                      &lt;p&gt;down page&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>
  
  <p>My Burger Menu component is in the Header file Header.js : </p>
  
  <pre><code>import React from "react";
  import "./Header.css";
  import BM from "../BM/BM";
  
  class Header extends React.Component {
  
    render() {
      return (
        &lt;div className="headerStyle"&gt;
          &lt;header&gt;
            &lt;img src=""&gt;&lt;/img&gt;
            &lt;p&gt;GF&lt;/p&gt;
            &lt;div id="outer-container"&gt;
              &lt;BM /&gt;
            &lt;/div&gt;
          &lt;/header&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default Header;
  </code></pre>
  
  <p>Finally here is my Burger Menu:</p>
  
  <pre><code>import React from "react";
  import { pushRotate as Menu } from "react-burger-menu";
  import { BrowserRouter as Router, Link, Route, Switch} from 'react-router-dom'
  import "./BM-styles.css";
  
  class BM extends React.Component {
    render() {
      return (
        &lt;Menu&gt;
          &lt;Router&gt;
          &lt;li&gt;&lt;Link to="/" className="menu-item"&gt;
            Home
          &lt;/Link&gt;&lt;/li&gt;
          &lt;p className="bar"&gt;/&lt;/p&gt;
          &lt;li&gt;&lt;Link to="/experiences" className="menu-item" &gt;
            Expériences
          &lt;/Link&gt;&lt;/li&gt;
          &lt;p className="bar"&gt;/&lt;/p&gt;
          &lt;li&gt;&lt;Link to="/formations" className="menu-item" &gt;
            Formations
          &lt;/Link&gt;&lt;/li&gt;
          &lt;p className="bar"&gt;/&lt;/p&gt;
          &lt;li&gt;&lt;Link to="/loisirs" className="menu-item"&gt;
            Loisirs
          &lt;/Link&gt;&lt;/li&gt;
          &lt;/Router&gt;
        &lt;/Menu&gt;
      );
    }
  }
  
  export default BM;
  </code></pre>
  
  <p>I already tried to use "withRouter()" but stll nothing happens...
  I think it is because Link has to be next to Switch and Router but how could i do ?
  If someone could help me :)
  Thanks</p>