Обновите пользователя Angular Firebase после проверки электронной почты

Я пытаюсь найти способ обновить информацию о текущем зарегистрированном пользователе Firebase после успешной проверки их адреса электронной почты, чтобы они могли продолжать использовать веб-приложение Angular 15. У меня есть охранник, проверяющий проверенные электронные письма...

Общий процесс таков:

1. Пользователь регистрируется с комбинацией электронной почты/пароля и входит в систему.
2. onAuthStateChanged используется для хранения объекта User в localStorage.
3. Пользователю отправляется ссылка для подтверждения по электронной почте
4. Пользователь нажимает на ссылку подтверждения электронной почты и возвращается в веб-приложение в новой вкладке/окне.
5. Учетная запись электронной почты Firebase Authentication пользователя проверена, но объект User не обновляется, чтобы отразить изменение.

Я пытаюсь определить, как лучше всего обновить текущего пользователя, чтобы «emailVerified» отображался как истинный. По сути, объект localStorage никогда не обновляется, чтобы отразить текущее состояние объекта Firebase Authentication User.

В сервисе auth.service.ts у меня есть следующее:

userData: any; //Save logged in user data

constructor(
    public afs: AngularFirestore, //Inject Firestore service
    public afAuth: AngularFireAuth, //Inject Firebase auth service
    public router: Router,   
    ) {
      // Listen for authentication changes and save User object to localStorage
      this.afAuth.onAuthStateChanged((user) => {       
        if (user) {
          this.userData = user;
          localStorage.setItem('user', JSON.stringify(this.userData));
          JSON.parse(localStorage.getItem('user')!);
        }
        else {
          localStorage.setItem('user', 'null');
          JSON.parse(localStorage.getItem('user')!);
        }
      });      
  }

  // Register the new user
  RegisterUser(userEmail: string, password: string) {
    return this.afAuth.createUserWithEmailAndPassword(userEmail, password)
      .then((result) => {
        this.SendVerificationMail();       
      });
  }

  // Send email verfificaiton
  SendVerificationMail() {   
    return this.afAuth.currentUser
      .then((u: any) => u.sendEmailVerification())
      .then(() => {
        this.router.navigate(['verify-email/sent']);
      });
  }

  // This is used within a AuthGuard to prevent un-verified accounts from continuing.
  get isVerified(): boolean {
    const user = JSON.parse(localStorage.getItem('user')!);
    return (user !== null && user.emailVerified !== false) ? true : false;
  }

В компоненте account-verify.component.ts у меня есть следующее для обработки пользовательских действий электронной почты.

//Use the 'oobCode' from the querystring to validate the email
handleVerifyEmail(actionCode: string) {       
   this.authService.afAuth.applyActionCode(actionCode).then(() => {               
        
        // This is where I would think I would update the user somehow.
        
        }).catch((error) => {                    
         //Handle Error
        });
      }

У меня есть мысленный блок относительно того, как убедиться, что у меня есть самая последняя информация из учетной записи аутентификации пользователя Firebase.

Я пробовал:

this.authService.afAuth.currentUser.then((user) => {
    user?.reload();
  });

Однако localStorage никогда не обновляется. Разве reload() не вызывает onAuthStateChange?

Любое понимание или лучшие способы справиться с этим приветствуются.