Keycloak (14.0) está configurado para la aplicación React+Typescript y el uso de PKCE.
Esta configuración funcionó bien cuando se llevó a cabo el POC hace dos meses.
Pero, ahora no funciona incluso con la versión Keycloak 16.1.1.
La versión 'keycloak-js' siempre se mantiene sincronizada con la versión del servidor.
const keycloakConfig = { url: 'http://127.0.0.1:8080/auth', realm: 'my-realm', clientId: 'my-react-app' } const keycloak = Keycloak(keycloakConfig); console.log('keycloak ==>' + JSON.stringify(keycloak));keycloak ==>{}He resuelto en mi proyecto react-typescript con esto
import Keycloak, { KeycloakConfig } from "keycloak-js"; const initOptions: KeycloakConfig = { url: "https://myurl/auth", realm: "myrealm", clientId: "myclient", }; const keycloak = new Keycloak(initOptions); export default keycloak;y luego para envolver todo en ReactKeycloakProvide
<React.StrictMode> <ReactKeycloakProvider authClient={keycloak}> <App /> </ReactKeycloakProvider> </React.StrictMode>