Sometime we have a list of routes for specific user roles, such as admin, user, editor, etc. In this case, we want to show the role based routes permission then we can use RoleBasedGuard component from app.
RoleBasedGuard.jsx
import useAuth from "hooks/useAuth";
const RoleBasedGuard = ({ children, roles }) => {
const { user } = useAuth();
const loggedInUserRole = user?.role;
if (loggedInUserRole && roles.includes(loggedInUserRole)) {