Angular guard flickers page then loads actual page

export const authorizedUserGuard: CanActivateFn = (route, state) => {
console.log('guard call', route, state)
const tokenService = inject(TokenStorageService);
const router = inject(Router);
let user = tokenService.getUser();
let token = tokenService.getToken();
if(!token || !user){
console.log('user not logged in');
tokenService.removeData();
router.navigate(['/home', 'login']);
return false;
}

return true;

};


Angular first loads home/login then immediately it loads actual route. I am using angular SSR. Note: token and user both variable has value and I am not getting any logs in console.

return router.createUrlTree(['/home', 'login']) ;


Also has same problem.

Continue reading...