How can i manage session expired using keycloak-angular or keycloak-js?

I made a very basic keycloak configuration using keycloak-angular.
I'd like to give a screen feedback to signal expired session but can't find anything that can go in withAutoRefreshToken. In this particular config when the token expires it simply logs the user out, i want to display a message like "Session expired, redirecting to login page".


import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
import { provideRouter } from '@angular/router';
import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
import { provideKeycloak, withAutoRefreshToken, AutoRefreshTokenService, UserActivityService } from 'keycloak-angular';
import { routes } from './app.routes';

export const provideKeycloakAngular = () =>
provideKeycloak({
config: {
url: '//',
realm: '//',
clientId: '//'
},
initOptions: {
onLoad: 'login-required',
pkceMethod: 'S256'
},
features: [
withAutoRefreshToken({
onInactivityTimeout: 'logout',
sessionTimeout: 60000
})
],
providers: [AutoRefreshTokenService, UserActivityService]
});

export const appConfig: ApplicationConfig = {
providers: [
provideRouter(routes),
provideHttpClient(withInterceptorsFromDi()),
provideZoneChangeDetection({ eventCoalescing: true }),
provideKeycloakAngular()
]
};

Continue reading...