我正在尝试使用 react-router-dom 创建一个 React 项目。由于一个我似乎无法弄清楚的错误，我无法继续。代码在终端上编译时没有错误，但是页面完全是空白的，Chrome 控制台显示以下内容：

React 错误页面

这是我的代码：我遵循了官方的 react-router-dom 文档。

import {BrowserRouter, Routes, Route} from 'react-router-dom';
import Dashboard from './pages/Dashboard';
import Tickets from './pages/Tickets';
import Nav from './components/Nav';

const App = () => {
  return (
    <div className='app'>
      <BrowserRouter>
        <Nav/>
        <Routes>
          <Route path="/" element={< Dashboard/>} />
          <Route path="ticket" element={<Tickets />} />
          <Route path="ticket/:id" element={<Tickets editMode={true}/>} />
        </Routes>
      </BrowserRouter>
    </div>
  );
}

export default App;