title: Firebase authentication still throws error in console, even if I catch it
body: <p>I'm trying to build an app using angular and firebase authentication.</p>
  <p><strong>auth.service.ts</strong></p>
  <pre><code>async loginWithEmailAndPassword(email: string, password: string) {
    try {
      await this.auth.signInWithEmailAndPassword(email, password);
    } catch(error) {
      throw error;
    }    
  }
  </code></pre>
  <p><strong>login-page.component</strong></p>
  <pre><code>async loginWithEmailAndPassword() {
    if (this.form.status !== 'INVALID') {
      try {
        await this.authService.loginWithEmailAndPassword(this.email?.value, this.password?.value)
      } catch(error) {
        console.log('Hello, this is my custom error');
      }
    }
  }
  </code></pre>
  <p>But in the console firebase still throws the error:
  <a href="https://i.stack.imgur.com/f7tgO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f7tgO.png" alt="Console" /></a></p>
  <p>Is this the intended behaviour? I thought that try...catching would prevent this.</p>
  <p>I even tried removing async await syntax but nothing changed.</p>