Initial access causes white screen since v5.3.0

[tobias-kellner]

I have a simple React + Vite web application and I am using oidc-spa with KC26. With the latest oidc-spa version I have the problem that I cannot access my application. I am getting a white screen. I have set the isAuthGloballyRequired flag to true.
But I am getting the problem only when I access my application with the PC's IP address (http://192.168.178.129:5173/) with http://localhost:5173 or http://127.0.0.1:5173 it is working fine. The browsers console or network tab are showing no problems at all. At first I had a CORS problem in mind but configuring Keycloak with * does not help.

I did go back the versions until it worked again and it seems like the problem exists since the v5.3.0 release. With v5.2.8 it works as expected.

If you need any further information to fix this just let me know.

Thanks!

[garronej]

Hello @tobias-kellner,

Thank for reporting.
Could you please enable debug logs and share it with us (in the latest version).

oidc-spa/examples/tanstack-router-file-based/src/oidc.tsx

Line 88 in ff5447c

doEnableDebugLogs: true

[tobias-kellner]

Hey @garronej, sure. This is what I am getting if I try to access 192.168.178.129:5173:

[garronej]

Thanks, and what's the initialization error?

you can console log it in the ErrorFallback component provided as props to the in enforced auth mode:

https://docs.oidc-spa.dev/documentation/globally-enforce-authentication

[tobias-kellner]

The ErrorFallback does not getting fired.
But during debugging I enabled the VS Code feature to catch uncaught exceptions. There I can see two things:

• Crypto.subtle is available only in secure contexts (HTTPS).
• The OIDC client jupiter seems to be misconfigured on your OIDC server. If you are using Keycloak you likely need to add "http://192.168.178.129:5173/*" to the list of Valid Redirect URIs in the jupiter client configuration.

I already tested around with the valid redirect URIs. That seems not to be the problem. I guess it is either the HTTPS thing.

[garronej]

Ok I understand
Thanks for the report. I'll see what I can do.