How to configure Keycloak 24.0.4 with Angular 18.0.1 ?

[Tiago Barreto dos Santos]

This is my Angular version:

Angular CLI: 18.0.1
Node: 20.12.2
Package Manager: npm 10.7.0
OS: win32 x64

Angular: 18.0.0
... animations, cdk, common, compiler, compiler-cli, core, forms
... material, platform-browser, platform-browser-dynamic
... platform-server, router

Package                         Version
---------------------------------------------------------
@ angular-devkit/architect       0.1800.1
@ angular-devkit/build-angular   18.0.1
@ angular-devkit/core            18.0.1
@ angular-devkit/schematics      18.0.1
@ angular/cli                    18.0.1
@ angular/ssr                    18.0.1
@ schematics/angular             18.0.1
rxjs                            7.8.1
typescript                      5.4.5
zone.js                         0.14.6

This is the keycloak version:

C:\dev\keycloak-24.0.4\bin>kc.bat --version
Keycloak 24.0.4
JVM: 17.0.11 (Oracle Corporation Java HotSpot(TM) 64-Bit Server VM 17.0.11+7-LTS-jvmci-23.0-b34)
OS: Windows 11 10.0 amd64

The questions is that in Internet all tutorial show how to configure in old Angular, without stadalone and without Ssr. But I wanto configure using Angula 18. 

When I try to intall keycloak-angular lib, this follow error is returned:

C:\dev\sistemax\front-end>npm install keycloak-angular
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: a...@0.0.0
npm error Found: @angular/com...@18.0.0
npm error node_modules/@angular/common
npm error   @angular/common@"^18.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer @angular/common@"^17" from keycloak...@15.2.1
npm error node_modules/keycloak-angular
npm error   keycloak-angular@"*" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error C:\Users\Tiago\AppData\Local\npm-cache\_logs\2024-05-24T16_14_46_059Z-eresolve-report.txt

npm error A complete log of this run can be found in: C:\Users\Tiago\AppData\Local\npm-cache\_logs\2024-05-24T16_14_46_059Z-debug-0.log