It doesn't navigate to login page if status code is 401

[sankaSanjeeva]

My API returns 401 for an invalid token. But the application doesn't navigate to the login page
I have verified that this if condition is called by adding a log, but I think router.navigateByUrl('/auth/login') does not work.

export const serverErrorInterceptor: HttpInterceptorFn = (request, next) => {
    const router = inject(Router);
    const snackBar = inject(MatSnackBar);

    return next(request).pipe(
        catchError((error: HttpErrorResponse) => {
            if ([HttpStatusCode.Unauthorized, HttpStatusCode.Forbidden].includes(error.status)) {
                
                console.log('called');
                
                router.navigateByUrl('/auth/login');
            } else {
                snackBar.open('Something went wrong.', 'x');
            }

            return throwError(() => error);
        }),
    );
};

[ju4n97]

@sankaSanjeeva Thank you for pointing out the issue! This is in fact due to the auth guard.

{
    path: 'auth',
    loadChildren: async () => (await import('@pages/auth')).routes,
    canMatch: [authGuard({ requiresAuthentication: false })],
}

This code is responsible for loading the authentication routes only when the user is not authenticated.