BUG: JS interop au rendu statique — 'cannot be issued at this time' après F5 (auth) #42

New issue

Closed

opened 2026-08-10 22:35:18 +02:00 by nonobis · 1 comment

nonobis commented

2026-08-10 22:35:18 +02:00

Owner

Contexte

Après connexion puis rechargement complet (F5) d'une page authentifiée, l'UI affiche : "Erreur : JavaScript interop calls cannot be issued at this time. This is because the component is being statically rendered."

État actuel

Le fix db703be (prerender:false sur Routes) ne suffit pas.
Pendant le rendu initial serveur, HeimdallAuthStateProvider.GetAuthenticationStateAsync() invoqué par le framework : ProtectedSessionStorage.GetAsync() lève une exception non attrapée qui remonte jusqu'aux pages (Snackbar "Erreur : {ex.Message}").

Correctif appliqué

Garde dans GetAuthenticationStateAsync / NotifyLoginAsync / NotifyLogoutAsync : ProtectedSessionStorage (JS interop) n'est utilisé que si HttpContext est null (circuit actif) ; sinon fallback cookie uniquement.
Tests bUnit de régression : StaticRender_WithStorageThatThrows_FallsBackToCookieWithoutJsInterop + NotifyLoginAsync_StaticRender_DoesNotCallStorageButUpdatesState.
Vérifié en réel : F5 sur /dashboard ne déclenche plus l'erreur JS interop.

Reste

Au premier rendu après F5, les appels API des pages (ex. /api/stats) renvoient 401 tant que le circuit n'a pas peuplé AuthState depuis sessionStorage — problème distinct (cf. kanban BUG: UI Blazor appelle l'API en HTTP interne).

## Contexte Après connexion puis rechargement complet (F5) d'une page authentifiée, l'UI affiche : "Erreur : JavaScript interop calls cannot be issued at this time. This is because the component is being statically rendered." ## État actuel - Le fix db703be (prerender:false sur Routes) ne suffit pas. - Pendant le rendu initial serveur, HeimdallAuthStateProvider.GetAuthenticationStateAsync() invoqué par le framework : ProtectedSessionStorage.GetAsync() lève une exception non attrapée qui remonte jusqu'aux pages (Snackbar "Erreur : {ex.Message}"). ## Correctif appliqué - Garde dans GetAuthenticationStateAsync / NotifyLoginAsync / NotifyLogoutAsync : ProtectedSessionStorage (JS interop) n'est utilisé que si HttpContext est null (circuit actif) ; sinon fallback cookie uniquement. - Tests bUnit de régression : StaticRender_WithStorageThatThrows_FallsBackToCookieWithoutJsInterop + NotifyLoginAsync_StaticRender_DoesNotCallStorageButUpdatesState. - Vérifié en réel : F5 sur /dashboard ne déclenche plus l'erreur JS interop. ## Reste - Au premier rendu après F5, les appels API des pages (ex. /api/stats) renvoient 401 tant que le circuit n'a pas peuplé AuthState depuis sessionStorage — problème distinct (cf. kanban BUG: UI Blazor appelle l'API en HTTP interne).

nonobis added the

bug

priority-high

labels

2026-08-10 22:35:18 +02:00

nonobis referenced this issue from a commit

2026-08-10 22:36:04 +02:00

fix(web): JS interop au rendu statique — garde ProtectedSessionStorage (Fixes #42)

nonobis closed this issue

2026-08-10 22:36:04 +02:00

nonobis referenced this issue

2026-08-10 22:37:14 +02:00