React-router-dom can not detect my routing system??!!!

[SalehMehrabani]

Hello developers,
I encountered a problem when I used react-router-dom in my project.
The version I use is 6.15.0.
The code below is my router system:
App.js

<BrowserRouter>
  <Routes>
    <Route path="/" element={<Home />} />
      <Route
        path="/signup"
            element={
              <React.Suspense fallback={<div>Loading...</div>}>
                <Signup data={setData} />
              </React.Suspense>
            }
          />
       <Route
            path="/login"
            element={
              <React.Suspense fallback={<div>Loading...</div>}>
                <Login data={setData} />
              </React.Suspense>
            }
          />
        </Routes>

        <Routes>
          <Route element={<PrivateRoutes />}>
            <Route
              path="/dashboard"
              element={
                <React.Suspense fallback={<div>Loading...</div>}>
                  <Sidebar />
                  <Account data={setData} />
                </React.Suspense>
              }
            />
            <Route
              path="/dashboard/schedule"
              element={
                <React.Suspense fallback={<div>Loading...</div>}>
                  <Sidebar />
                  <Schedule data={setData} />
                </React.Suspense>
              }
            />
            <Route
              path="/dashboard/user-management"
              element={
                <React.Suspense fallback={<div>Loading...</div>}>
                  <Sidebar />
                  <UserManagement data={setData} />
                </React.Suspense>
              }
            />
          </Route>
        </Routes>
      </BrowserRouter>

PrivateRoutes.js

import { Navigate, Outlet } from "react-router-dom";
import jwtDecode from "jwt-decode";

const PrivateRoutes = () => {
  let auth;
  const token = localStorage.getItem("token");
  if (token) {
    try {
      const decodedToken = jwtDecode(token);
      if (decodedToken.exp < Date.now() / 1000) {
        localStorage.removeItem("token");
        auth = false;
      }
      auth = true;
    } catch (err) {
      localStorage.removeItem("token");
      auth = false;
    }
  } else if (!token) {
    auth = false;
  }

  return auth ? (
    <div className="dashboardwrapper">
      <Outlet />
    </div>
  ) : (
    <Navigate to="/login" />
  );
};
export default PrivateRoutes;

There is no problem showing my component, and everything is okay and all pages showed correctly. However, I get these warnings: