IF-ELSE在React中运行两次

Question

我在尝试进入不同页面时有问题，例如，IF-else在IF和1次的情况下运行两次，例如：我在仪表板路由中添加了一个日志，而当“ IsauseDicatienated”为“真实”是正确的，我会重定向到 /仪表板，但我也同时获得了控制台登录（如果我有导航而不是日志，我会两次重定向，这是我要解决的问题）

import React, { Fragment, useState, useEffect } from "react";
import './App.css';
import "react-toastify/dist/ReactToastify.css";
import {BrowserRouter as Router, Routes, Route, Navigate} from "react-router-dom";
import { toast } from "react-toastify";

//components
import Login from "./components/Login";
import Register from "./components/Register";
import Dashboard from "./components/Dashboard";
import Home from "./components/Home";
import Auction from "./components/Auction";
//import Home from "./components/Home";


function App() {
  const checkAuthenticated = async () => {
    try {
      const res = await fetch("http://localhost:5000/auth/is-verify", {
        method: "GET",
        headers: { token: localStorage.token }
      
      });

      const parseRes = await res.json();

      parseRes === true ? setIsAuthenticated(true) : setIsAuthenticated(false);
    } catch (err) {
      console.error(err.message);
    }
  };

  useEffect(() => {
    checkAuthenticated();
  }, []);

  const [isAuthenticated, setIsAuthenticated] = useState(false);

  const setAuth = boolean => {
    setIsAuthenticated(boolean);
  };
  
//<Route path = '/auth' element = {<Auth/>} />
  return (
    <Fragment>
      <Router>
        <div className="container">
          <Routes>
          <Route path='/home' element = {
                isAuthenticated ? (
                  <Home setAuth={setAuth}  />
                ) : (
                  <Navigate to="/login" />
                )
              } />
            <Route path='/login' element = {
                !isAuthenticated ? (
                  <Login setAuth={setAuth}  />
                ) : (
                  <Navigate to="/home" />
                )
              } />
            <Route path='/register' element = {
                !isAuthenticated ? (
                  <Register setAuth={setAuth}  />
                ) : (
                  <Navigate to="/home" />
                )
              } />
           **<Route path='/dashboard' element = {
                isAuthenticated ? (
                  <Dashboard setAuth={setAuth}  />
                ) : (
                  console.log("dashboard")
                )
              } />**
              
              <Route path='/auction' element = {
               
                  <Auction setAuth={setAuth}  />
              
        
              } />
          </Routes>
        </div>
      </Router>
    </Fragment>
  );
};

export default App;