Estoy tratando de implementar SSO en mi aplicación React-Redux usando un proveedor OpenID-Connect. La intención es proteger todos los componentes y redirigir al usuario a la página de inicio de sesión del proveedor de identidad si la sesión finaliza. Es por eso que no puedo tener una página de inicio de sesión (componente) dedicada en la aplicación. He leído que guardar JWT en localStorage podría ser una buena idea, así que estaba pensando en usar una bandera Autenticada en la tienda Redux y mantener JWT en localStorage. Luego puedo obtener los JWT de localStorage para autenticar otras API a las que llamaría desde mi aplicación. ¿Es apropiado este enfoque?

Además, ¿alguien puede señalarme una biblioteca / paquete que pueda usar para buscar (y actualizar) JWT para este propósito? Revisé mucha documentación y probé lo siguiente, pero no pude hacer que funcionaran:

redux-oidc: No tengo ningún componente de devolución de llamada específico en mi aplicación, así que no sé cómo aplicar este enfoque a mi aplicación.

pasaporte-openid-connect: Passport se basa en el almacenamiento de sesiones en cookies, pero me gustaría utilizar el localSorage en su lugar.

redux-auth-wrapper: Un componente de orden superior suena muy bien, pero todavía no puedo entender cómo integrarlo sin ningún componente de inicio de sesión dedicado.

¿Podría alguien guiarme? Soy un novato en el ecosistema React, así que disculpe mi incomprensión.

Cualquier ayuda sería muy apreciada!

Gracias