title: Problems with React-Router
body: <p>So basically, I have a problem with react router not rendering my SystemSidebar. I want to scroll through my  SystemSidebar components, but my problem is when I press on 'LinkSoundIcon' it redirects me to 'a new page' but that page doesnt render my systemSidebar . I want when I press on any of the links of my sidebar that my sidebar remains</p>
  <pre class="lang-js prettyprint-override"><code>import React from 'react'
  import './SystemSidebar.css'
  import SoundIcon from '@material-ui/icons/Computer';
  import ComputerIcon from '@material-ui/icons/Computer';
  import { BrowserRouter, Route, Switch, Link } from 'react-router-dom';
  import Sound from './Sound';
  import Computer from './Computer;
  const SystemSidebar=()=&gt; {
    return (
      &lt;div className='system'&gt;
        &lt;div className=&quot;sidebar&quot;&gt;
          &lt;Link to='Sound'&gt;&lt;VolumeUpIcon /&gt;&lt;/Link&gt;
          &lt;h4&gt; Sound&lt;/h4&gt;   
          &lt;Link to='Computer'&gt;&lt;ComputerIcon /&gt;&lt;/Link&gt;
          &lt;h4&gt; Computer&lt;/h4&gt;   
        &lt;/div&gt;
      &lt;/div&gt;
    );
  };
  
  import React,{Component} from 'react'
  import Sound from './Sound';
  import Computer from './Computer';
  import SystemSidebar from './SystemSidebar';
  class MainSystem extends Component {
    render(){
      return (
        &lt;div className=&quot;MAIN&quot;&gt;
          &lt;BrowserRouter&gt;
            &lt;SystemSidebar /&gt;
            &lt;Switch&gt;
              &lt;Route exact path=&quot;/&quot; component={SystemSidebar} /&gt;
              &lt;Route exact path=&quot;/Sound&quot; component={Sound}/&gt;
              &lt;Route exact path=&quot;/Computer&quot; component={Computer}/&gt;
            &lt;/Switch&gt;
          &lt;/BrowserRouter&gt;
        &lt;/div&gt;
      );
    }
  }
      
  export default MainSystem;
  </code></pre>