Catching Angular Fire errors

Question

I'm just starting out with Angular Fire and I can't get rid of the errors in the console. I know when they appear and I catch them either in Promise or in subscriptions but that doesn't get them removed from the console. How to solve this?

Service

 public login(username: string, password: string) {
    return from(this.auth.signInWithEmailAndPassword(username, password));
  }

Component

 public login() {
    this.authService
      .login('[email protected]', '123c123')
      .pipe(tap(() => console.log('loading')))
      .subscribe({
        next: e => console.warn(e),
        error: error => console.warn(error.message),
        complete: () => console.warn('complete'),
      });
  }