title: Wrong component is being rendered using react router
body: <p>when I´m trying to navigate to the folowing url http://localhost:3000/alunos/adicionar-aluno but it renders the component {Detail Student} with empty values instead of the proper component { FormAddStudent }.
  I´m new to react so not sure what I´m doing wrong, I´m trying to use the exact prop but without success.</p>
  <p>Here is the code:</p>
  <pre><code>  &lt;Router&gt;
    &lt;CssBaseline /&gt;
    &lt;div className=&quot;App&quot; className={classes.root}&gt;
      &lt;Header /&gt;
      &lt;MenuContainer /&gt;
      &lt;Switch&gt;
        &lt;Route path=&quot;/&quot; exact /&gt;
        &lt;Route path=&quot;/alunos&quot; exact component = { ListStudents }/&gt;
        &lt;Route path=&quot;/contratos&quot; exact component = { ListContracts }/&gt;
        &lt;Route path=&quot;/turmas&quot; exact component = { ListClasses }/&gt;
        &lt;Route path=&quot;/estagios&quot; exact component = { ListInterships }/&gt;
        &lt;Route path=&quot;/formadores&quot; exact component = { ListInstructors }/&gt;
        &lt;Route path=&quot;/analise-seguros&quot; exact component = { ListInsurances }/&gt;
        &lt;Route path=&quot;/alunos/:id&quot; component = { DetailStudent }/&gt;
        &lt;Route path=&quot;/alunos/adicionar-aluno&quot;  exact component = { FormAddStudent }/&gt;
      &lt;/Switch&gt;
    &lt;/div&gt;
  &lt;/Router&gt;
  </code></pre>
  <p>Thanks in advance!</p>