Setting Not found Route in react

App.tsx

import React from 'react';
import './App.css';
import { BrowserRouter, Switch, Route, Redirect } from 'react-router-dom';
import { PlaceAutoComplete } from './place/PlaceAutoComplete';
import { FileUpload } from './fileUploadS3/FileUpload';
import { NotFoound } from './htmlTest/Html';
import { Navbar } from './navBar/Navbar';

const App: React.FC = () => {
  return (
    <BrowserRouter>
      <Switch>
        <Route exact path="/notfound" component={NotFoound} />

        <Route>
          <div className="container">
            <Navbar />
            <Switch>
              <Route exact path="/" component={PlaceAutoComplete} />
              <Route exact path="/about" component={FileUpload} />
              <Redirect to="/notfound"/>
            </Switch>
          </div>
        </Route>

      </Switch>


    </BrowserRouter>
  );
}

export default App;