Проблема с версией React Router [дубликат]

У меня возник небольшой вопрос о проекте React, над которым я работаю. Я пытаюсь заставить React Router маршрутизироваться на страницу входа в систему и, после успешного выполнения этой задачи, перенаправляться на домашнюю страницу моего приложения. Однако я использую версию 6, и при попытке запустить ее я получаю следующую ошибку:

"[PrivateRoute] не является компонентом. Все дочерние компоненты должны быть компонентами или <React.Fragment>"

Подскажите, как можно переформатировать мой код? Спасибо!!!

import React from 'react';
  import { BrowserRouter as Router, Route, Routes, Navigate } from 'react-router-dom';
  import Login from './Login';
  import Spreadsheetester from './Spreadsheet';
  
  const PrivateRoute = ({ element: Element, ...rest}) => (
    <Route
      {...rest}
      element={
        localStorage.getItem('token') ? (
          <Element />
        ) : (
          <Navigate to="/login" replace />
        )
      }
    />
  );
  
  const App = () => {
    return (
      <Router>
        <Routes>
          <Route exact path="/login" element={<Login />} />
          <PrivateRoute exact path="/" element={<Spreadsheet />} />
        </Routes>
      </Router>
    );
  };
  
  export default App;

Вернуться на верх