Dynamic Routes with useRoutes. How to get params from the url ?

import React from "react";
import App from "./../app.jsx";
import { Navigate, useLocation } from "react-router-dom";

import DashboardView from "./../pages/dashboardview/dashboardview.js";
import Analytics from "./../pages/analytics/analytics.js";
import EmailInbox from "./../pages/email/inbox.js";

const checkLocationParams = (location) => {
  console.log("location");
  console.log(location);
  console.log("location");
  
  return true;
};

const AppRoute = (token, guid, location) => [
  {
    path: "*",
    element: <App token={token} guid={guid} />,
    children: [
      { path: "", element: token && guid ? <Navigate to="/dashboard" /> : <Navigate to="/pages/login" /> },
      { path: "dashboard", element: token && guid ? <DashboardView /> : <Navigate to="/pages/login" /> },
      { path: "analytics", element: token && guid ? <Analytics /> : <Navigate to="/pages/login" /> },
      {
        path: "email/*",
        children: [
          {
            index: false,
            element: token && guid ? <EmailInbox /> : <Navigate to="/pages/login" />,
          },
          {
            path: "email/:serial",
            element:
              token && guid ? (
                checkLocationParams(location) ? (
                  <EmailInbox />
                ) : (
                  <Navigate to="/pages/login" />
                )
              ) : (
                <Navigate to="/pages/login" />
              ),
          },
        ],
      },
    ],
  },
];

export default AppRoute;