diff --git a/frontend/src/App.js b/frontend/src/App.js index 3764d855be18d517015409f037792dda406c9b82..af5053d7fbaac53a3fe29d6aea34448c35a26c8c 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -1,7 +1,7 @@ import React, { Component } from 'react'; import './App.css'; import {connect} from 'react-redux'; -import {BrowserRouter as Router, Route, Switch , Link, Redirect} from "react-router-dom"; +import {BrowserRouter, Route, Switch , Link, Redirect} from "react-router-dom"; import SignUp from './containers/SignUp.container'; import Login from './containers/Login.container'; import Privacy from './containers/Privacy.container' @@ -20,6 +20,7 @@ const PrivateRoute = ({ component: Component, ...rest }) => ( )} /> ) + class App extends Component { // constructor(props) { // super(props); @@ -32,7 +33,8 @@ class App extends Component { render() { return ( - <Router> + <> + <BrowserRouter> <div> <Navbar bg="dark" expand="lg" variant="dark"> <Navbar.Brand>STUDENT</Navbar.Brand> @@ -96,15 +98,16 @@ class App extends Component { </Modal.Footer> </Modal> } - <Switch> - <PrivateRoute path="/" exact component={Profile} /> - <Route path="/login" exact component={Login} /> - <Route path="/signup/" component={SignUp} /> - <Route path="/privacy/" component={Privacy} /> - <PrivateRoute path="/bank/" component={Bank} /> - </Switch> </div> - </Router> + <Switch> + <PrivateRoute path="/" exact component={Profile} /> + <Route path="/login" exact component={Login} /> + <Route path="/signup/" component={SignUp} /> + <Route path="/privacy/" component={Privacy} /> + <PrivateRoute path="/bank/" component={Bank} /> + </Switch> + </BrowserRouter> + </> ); } }