我正在做一个棋盘游戏应用程序，当我用节点的最新版本将其aztualize时，链接和路由停止工作。我在这里看到了一个最新版本的示例，但它不工作，搜索，但我发现了旧版本分页的示例。有人能告诉我我做错了什么吗？非常感谢！

import "./App.css";
//import { getAllCategories } from "./utils/api.js";
// import { getUsername } from "./utils/api.js";
//import { useState, useEffect } from "react";
import { Home } from "./pages/home/home.js";
import { Reviews } from "./pages/review.js";
import { About } from "./pages/aboutUs";
import { Router, Routes, Route } from "react-router-dom";
import React from "react";
import { StyledLink } from "./styles";

function App() {
  return (
    <section className="App">
      <Router>
        <Routes>
          <StyledLink to="/">Home</StyledLink>
          <StyledLink to="/aboutUs">About us</StyledLink>
          <StyledLink to="/review">Review</StyledLink>
          <Route path="/" element={<Home />} />
          <Route path="aboutUs" element={<About />} />
          <Route path="review" elemnent={<Reviews />} />
        </Routes>
      </Router>
    </section>
  );
}

export default App;

我在控制台中看到的错误是：
bundle.js：40315未捕获的类型错误：无法读取未定义的属性（阅读“pathname”）
组件中发生上述错误：