App.tsx

import React from "react";
import styles from "./App.module.css";
import { BrowserRouter, Route, Switch } from "react-router-dom";
// import { TypographyProps } from "antd/lib/typography/Typography";
import { HomePage, SignInPage, Register,Deatil,Studys } from "./pages";
function App() {
  return (
    <div className={styles.App}>
      <BrowserRouter>
        <Switch>
          <Route exact path="/" component={HomePage} />
          <Route path="/signin" component={SignInPage} />
          <Route path="/register" component={Register} />
          <Route path="/studys" component={Studys} />
          <Route path="/detail/:tourisRouteId" component={Deatil} />
          <Route render={() => <h1>404 NOT FOUND</h1>} />
        </Switch>
      </BrowserRouter>
    </div>
  );
}

export default App;