NGRX Tutorial - Auth Guard

ngrx-example-auth-guard.ts

// NGRX Complete Tutorial Without Pain (Angular6 / RxJS6)
// https://medium.com/@andrew.kao/ngrx-complete-tutorial-without-pain-angular6-rxjs6-5511b8cb8dac

import { Injectable } from '@angular/core';
import { CanActivate } from '@angular/router';
import { Store, select } from '@ngrx/store';
import { Observable } from 'rxjs';
import { map, take } from 'rxjs/operators';
import * as Auth from '(auth actions)';
import * as fromTeam from '(team main reducer)';

// Basically, "Permission" needs guard but I'm not going to do here
// The logic is very similiar

@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private store: Store<fromTeam.TeamState>) {}

  canActivate(): Observable<boolean> {
    return this.store.pipe(
      select(fromTeam.getAuthStatus),
      map(authed => {
          // `authed` is boolean as we defined in "Actions" as `isAuthenticated`
        if (!authed) {
            // Dispatch an event to let "Effects" navigate users to login
          this.store.dispatch(new Auth.LoginRequired());
          return false;
        }
        // Let "Router" allow user entering the page
        return true;
      })
    );
  }
}

Doesnt work, if you are logged and the url is reloaded, the guard return false