Se modifica para que haya solo una ruta protegida

import { createBrowserRouter } from "react-router-dom";

import { SUPERADMIN_ROLES, ADMIN_ROLES } from "../constants/roles";

import { SUPERADMIN_ROLE, ADMIN_ROLE } from "../constants/roles";

import { LoginPage } from "../pages/login_page/login_page";

import { ProtectedRoute } from "./protected_route";

import { SuperAdminHomePage } from "../pages/home/super_admin_page/super_admin_home_page";

export const router = createBrowserRouter([

  {

    element: <ProtectedRoute allowedRoles={SUPERADMIN_ROLES}/>,

    element: <ProtectedRoute/>,

    children: [

      {

        index: true,

        path: "/",

        element: <SuperAdminHomePage/>

      }

    ]

  },

  {

    element: <ProtectedRoute allowedRoles={ADMIN_ROLES}/>,

    children: [

      {

        index: true,

        path: "/",

        element: <AdminHomePage/>

        element: <div></div>

      }

    ]

  },