无法在react本地项目中使用react导航和typescript进行导航

npm install react-router-dom

import React from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

const Navigation: React.FC = () => {
  return (
    <Router>
      <nav>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/about">About</Link>
          </li>
          <li>
            <Link to="/contact">Contact</Link>
          </li>
        </ul>
      </nav>

      <Route path="/" exact component={Home} />
      <Route path="/about" component={About} />
      <Route path="/contact" component={Contact} />
    </Router>
  );
};

const Home: React.FC = () => {
  return <h1>Home Page</h1>;
};

const About: React.FC = () => {
  return <h1>About Page</h1>;
};

const Contact: React.FC = () => {
  return <h1>Contact Page</h1>;
};

export default Navigation;

import React from 'react';
import Navigation from './Navigation';

const App: React.FC = () => {
  return (
    <div>
      <h1>My App</h1>
      <Navigation />
    </div>
  );
};

export default App;