React）路由器添加但没有显示在浏览器上

Question

我刚刚编辑了三个页面如下..但是在网页上看不到任何东西 我看到json文件里有react-router-dom 我多次尝试安装路由器 dom 并且网络浏览器控制台显示“typeerror”

// 索引.jsx //

import React from 'react';
import ReactDOM from 'react-dom/client';
import { createBrowserRouter, RouterProvider } from 'react-router-dom';

import './index.css';
import ItemList from './components/itemList/ItemList';
import NewPage from './pages/NewPage'
import NotFound from './pages/NotFound';
import reportWebVitals from './reportWebVitals';

const router = createBrowserRouter([
  {
    path:'/',
    element: <ItemList />,
    errorElement: <NotFound />,
    children: [
      { index: true, prth: '/', element: <ItemList />},
      { path: '/newpage', element: <NewPage />},
    ],
  }
])

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <RouterProvider router={router}></RouterProvider>;
  </React.StrictMode>
);

reportWebVitals();

// 应用程序.js //

import './App.css';
import Navbar from './components/navbar/Navbar'
import ItemList from './components/itemList/ItemList';

function App() {
  return (
    <div>
      <Navbar />
      <ItemList />
    </div>
  );
}

export default App;

// 导航栏.jsx//

import React from "react";
import { Link } from "react-router-dom";

export default function Navbar() {
  return (
    <section>
      <Link to="/newpage">
        <h1>Create Box</h1>
      </Link>
    </section>
  );
}

npm 安装反应挂钩形式