Переход по страницам

import React  from 'react'
import '../scss/Header.scss'
import {BrowserRouter as Router, Switch, Route, Link} from 'react-router-dom';
import Home from './Home';//импорт компонентов Home и Contact
import Contact from './Contact';
 
export default function Header(){
    return (
        <>
        <div className="top">
            <div className="leftpart">
                <div className="caption">Gadgetos</div>
               <div className="text"> </div>
               
                
            </div>
            <div className="rightpart">
                
                <div className="list-item">
                
                <ul>
                     
                    <Router>
 
                    
                    <li ><Link to="/" className="navlinks">На главную</Link>  </li>
                
                    <li ><Link to="/contact" className="navlinks">Контакты</Link>  </li> 
                    </Router>
                       
                       
                        <li>Sign up</li>
                        <li>Login</li>
                    </ul> 
                </div>
            </div>
        </div>
         
         <Router>
 
        
           <Switch>
               <Route exact path= '/' component={Home} />
               <Route exact path= '/contact' component={Contact} />
           </Switch>
           </Router>
        </>
    );
    
}

mport React  from 'react'
 
 
 
export default function Contact(){
    return (
        <div className="cont">
           
            <span>Contact</span>
 
           
        </div>
    )
}