Angular - Listen to local storage changes angular

localstorage-changes-angular.ts

import { Component, HostListener, OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent  {

  @HostListener('window:storage', ['$event'])
  onStorageChange(event: StorageEvent) {
   
    // local storage key 
    if (event.key === 'TOKEN') {
      window.location.reload();
    }
  }
}

hol HOL