title: React Router path is not working
body: <p>I'm trying to routing the path in my web, but it is not working. I'm looking forward for advice to fix this problem. Thanks for advance. </p>
  
  <p>Code in index.js</p>
  
  <pre><code>&lt;BrowserRouter&gt;
      &lt;Switch&gt;
          &lt;Route exact path="/login" component={Login} /&gt;
          &lt;Route path="/dashboard" name="Home" component={Home} /&gt;
          &lt;Route component={Login} /&gt;
      &lt;/Switch&gt;
  &lt;/BrowserRouter&gt;
  </code></pre>
  
  <p>Code in Home.js</p>
  
  <pre><code>&lt;div&gt;
     &lt;Header/&gt;
        &lt;div className="main"&gt;
        &lt;div className="container-fluid"&gt;
          &lt;Switch&gt;
            &lt;Route path="/dashboard" name="Dashboard" component={Dashboard} /&gt;
            &lt;Route path="/problems" component={ProblemList}/&gt;
            &lt;Redirect from="/" to="/dashboard" /&gt;             
          &lt;/Switch&gt;
        &lt;/div&gt;
        &lt;/div&gt;
     &lt;Footer/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The path that is not working is "/problems". It is a component which is located in the folder with Dashboard.(The dashboard is working as I press the navbar but ProblemList isn't.)</p>