URL не меняется при вводе вручную при использовании React-Router

Question

import React, { Component } from "react"
import { BrowserRouter as Router, Route, Switch } from "react-router-dom"
import LandingPage from "./Components/LandingPage"
import RegistrationForm from "./Components/RegistrationForm"
import LoginForm from "./Components/LoginForm"
import NotFoundPage from "./Components/NotFoundPage"

class App extends Component {
    render() {
        return (
            <div>
                <Router>
                    <Switch>
                        <Route exact path="/" component={LandingPage} />
                        <Route path="/register" component={RegistrationForm} />
                        <Route path="/login" component={LoginForm} />
                        <Route component={NotFoundPage} />
                    </Switch>
                </Router>
            </div>
        )
    }
}


export default App

Итак, я настроил эту маршрутизацию в приложении. js, и когда я go на localhost: 3000 / register или вошел в систему, он просто показывает Not Found 404 . Это не NotFoundPage, который я имею в качестве компонента. Интересно, что когда я использовал HashRouter, при вводе вручную URL-адрес работал. Я не знаю, почему это происходит.