Tengo una página que utilizo para verificar la autorización del usuario.

 const Routes = auth => { return ( <div className="view-routes"> //... <PrivateRoute path="/" component={Entities} hasAnyAuthorities={[AUTHORITIES.USER, AUTHORITIES.ADMIN]} /> // so in this case, the hasAnyAuthorities check if the user has one of this role and return true so I will see the component Entities for this user. )}

Ahora necesito agregar el rol de otro usuario. Así que he añadido:

 const Routes = auth => { return ( <div className="view-routes"> //... <PrivateRoute path="/" component={Menu2} hasAnyAuthorities={[AUTHORITIES.USER_APP]} /> <PrivateRoute path="/" component={Entities} hasAnyAuthorities={[AUTHORITIES.USER, AUTHORITIES.ADMIN]} /> )}

De esta forma siempre se muestra solo el primer componente (menú2). Entonces, si entro con el rol "USER_APP", puedo ver los campos en el componente Menu2. Pero si inicio sesión con el rol: "ADMIN", no puedo ver los campos dentro de las Entidades, como si solo se controlara la primera de las dos PrivateRoute.

Que se obtendría:

Si ingreso con rol: USER_APP veré los campos en el componente Menu2.

Si entro con rol ADMIN veré los campos en el componente Entidades.

¿Como lo puedo hacer?