text: import {BrowserRouter, Switch, Route} from 'react-router-dom';
  import Login from './components/Login/Login';
  import Home from './containers/Home/Home';
  import Register from './components/Register/Register';
  import ProfileScreen from './components/ProfileScreen/ProfileScreen';
  import User from './containers/User/User';
  import Rental from './containers/Rental/Rental';
  import MyList from './components/MyList/MyList';
  import Update from './components/UpdateUser/UpdateUser';
  import MultiSearch from './components/MultiSearch/MultiSearch';
  import Admin from './containers/Admin/Admin';
  import WatchList from './components/WatchList/WatchList';
  
  
  function App() {
    return (
      <div className="App">
        <BrowserRouter>
  
        <Switch>
          <Route path="/" exact component={Home}/>
          <Route path="/register" exact component={Register}/>
          <Route path="/login" exact component={Login}/>
          <Route path="/user" exact component={User}/>
          <Route path="/profile" exact component={ProfileScreen}/>
          <Route path="/rental" exact component={Rental}/>
          <Route path='/mylist' exact component={MyList}/>
          <Route path='/update' exact component={Update}/>
          <Route path='/search' exact component={MultiSearch}/>
          <Route path='/admin' exact component={Admin}/>
          <Route path='/watch' exact component={WatchList}/>
  
        </Switch>
        </BrowserRouter>
      </div>
    );
  }
  
  export default App;
  