Navbar qui redirige pas vers la page

Bonjour,

Voila le problème, je fais un site pour m'entrainer et j'utilise mdbootstrap pour certains composants dont ma navbar. Le soucis est que quand je clique sur n'importe lequel des onglets le chemin s'affiche correctement dans la barre d'adresse mais ne va pas sur la page demandé. Je suis obligé de faire Entrée pour accéder a la page. J'utilise react-router pour créer les routes et tout a l'air bon du coup je comprend pas d'où ca peut venir.

Merci d'avance pour vos réponses!!!:D

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<Router>
      <MDBNavbar color="default-color" dark expand="md">
        <MDBNavbarBrand>
          <strong className="white-text">Navbar</strong>
        </MDBNavbarBrand>
        <MDBNavbarToggler image="https://mdbootstrap.com/img/svg/hamburger3.svg?color=00FBD8" onClick={this.toggleCollapse("navbarCollapse11")} />
        <MDBCollapse id="navbarCollapse11" isOpen={this.state.collapseID} navbar>
 
          <MDBNavbarNav left>
 
            <MDBNavItem active>
              <MDBNavLink to="/">Accueil</MDBNavLink>
            </MDBNavItem>
 
            <MDBNavItem>
              <MDBNavLink to="/component/Carte">La carte</MDBNavLink>
            </MDBNavItem>
 
            <MDBNavItem>
             <MDBNavLink to="/component/Contact">Accès & contact</MDBNavLink>
            </MDBNavItem>
 
          </MDBNavbarNav>
 
          <MDBNavbarNav right>
            <MDBNavItem>
              <MDBNavLink className="waves-effect waves-light" to="#!">
                <MDBIcon fab icon="facebook" />
              </MDBNavLink>
            </MDBNavItem>
 
          </MDBNavbarNav>
        </MDBCollapse>
      </MDBNavbar>
    </Router>