Reactjs在登录后重定向到受保护的页面，身份验证后无法工作

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

function App() {
  return (
    <Router>
      <Route path="/protected" component={ProtectedPage} />
      <Redirect from="/" to="/login" />
    </Router>
  );
}

import { useState } from 'react';
import { Redirect } from 'react-router-dom';

function LoginPage() {
  const [authenticated, setAuthenticated] = useState(false);

  const handleLogin = () => {
    // 身份验证逻辑
    setAuthenticated(true);
  };

  if (authenticated) {
    return <Redirect to="/protected" />;
  }

  return (
    <div>
      {/* 登录表单 */}
      <button onClick={handleLogin}>登录</button>
    </div>
  );
}