Estoy almacenando datos en el almacenamiento de la sesión con una fecha de caducidad:

 private saveSessionData<T>(key: string, value: T) { const item = { value: value, expiry: Date.now() + 10 * 60000 // 10 minutes from now } sessionStorage.setItem(key, JSON.stringify(item)); }

Tengo otra función para acceder a esos datos, que devolverá un valor nulo si los datos a los que intento acceder están vencidos:

 private async getSessionData<T>(key: string): Promise<T | null> { const itemStr = sessionStorage.getItem(key); const item = JSON.parse(itemStr); if (Date.now() > item.expiry) { console.log('CONSOLE NULL'); await this.alertService('OBJ EXPIRED'); return null; } return item.value; }

Accedo a esos datos así:

 getMyObj$ (): Observable<MyObj| null> { return from(this.getSessionData<MyObj>(this._myObj)) .pipe( takeWhile(myObj => myObj != null), tap(x => console.log('getting my Obj') ); }

En mi vista, estoy usando el | async para mostrar myObj con un enlace de datos bidireccional:

 <div *ngIf="!!(getMyObj$ | async) as obj"> <div>{{ obj }}</div> </div>

Mi pensamiento sería que mi consola me muestre la getting my Obj una y otra vez hasta que venza la fecha de vencimiento, y luego ver el mensaje de alerta: OBJ EXPIRED con el mensaje de consola CONSOLE NULL una vez. Pero actualmente, después de getting my Obj , tengo infinitos mensajes CONSOLE NULL (que hacen que mi navegador se bloquee) y el evento de alerta nunca se muestra.

¿Alguien tiene alguna idea? No tengo idea de qué podría hacer que se estrelle así.