amplify-angular: authState as BehaviorSubject in amplify.service.ts

Hi,

It would be helpful if we change the _authState Subject to be a BehaviorSubject @ https://github.com/aws-amplify/amplify-js/blob/master/packages/aws-amplify-angular/src/providers/amplify.service.ts#L35

I am piping the authStateChange$ observable in my CanActivate guard and with the subject it will only work on page load since that is when the value is emitted. When I navigate to other routes and back to a route guarded by the CanActivate, the pipe will not work since the Subject didn’t emit a new value.

I am happy to make a PR for this?

[mattiLeBlanc]

I resolved it by adding my own behaviorSubject in my service and linking it to the stateChange:

 
  private authState = new BehaviorSubject<AuthState>({ state: null, user: {} }); 
  private onDestroy = new Subject(); 
  public authState$: Observable<AuthState> = this.authState.asObservable(); 

...
...
...

    this.amplifyService.authStateChange$ 
      .pipe( 
        takeUntil(this.onDestroy) 
      ) 
      .subscribe( authState => { 
        this.authState.next(authState); 
      }); 

[github-actions[bot]]

This issue has been automatically locked since there hasn’t been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.