Estoy trabajando en una aplicación. en la aplicación hay varios tipos de usuarios como Admin, User y Super Admin. Tengo que implementar la autenticación basada en rutas para que el usuario no pueda acceder a las rutas de superadministrador o administrador, y el administrador no pueda acceder a las rutas de superadministrador. Lo he implementado, pero ¿cómo puedo hacerlo mejor y más claro?

 import React from "react" import { Route, Redirect } from "react-router-dom" const ProtectedRoute = ({ component: Component, AccessTo, ...rest }) => ( <Route {...rest} render={props => { if (!localStorage.getItem("user")) { return ( <Redirect to={{ pathname: "/", state: { from: props.location } }} /> ) } else if (localStorage.getItem("user") && AccessTo === "admin") { return <Component {...props} /> } else if (localStorage.getItem("user") && AccessTo !== "admin") { return <h2> You are not authorized to view this page </h2> } }} /> ) export default ProtectedRoute