title: Property 'auth' does not exist on type 'AngularFireAuth'
body: <p>Getting this error when using angularfire. Have checked my imports and they seem to be correct. I have tried to reinstall angularfire however it is still throwing this error. Is there issues with angularfire?</p>
  
  <pre><code>import { Injectable, NgZone } from '@angular/core';
  import { User } from "../services/user";
  import { auth } from 'firebase/app';
  import { AngularFireAuth } from "@angular/fire/auth";
  import { AngularFirestore, AngularFirestoreDocument } from '@angular/fire/firestore';
  import { Router } from "@angular/router";
  
  
  @Injectable({
    providedIn: 'root'
  })
  
  export class AuthService {
    userData: any; // Save logged in user data
  
    constructor(
      public afs: AngularFirestore,   // Inject Firestore service
      public afAuth: AngularFireAuth, // Inject Firebase auth service
      public router: Router,  
      public ngZone: NgZone // NgZone service to remove outside scope warning
    ) {    
      /* Saving user data in localstorage when 
      logged in and setting up null when logged out */
      this.afAuth.authState.subscribe(user =&gt; {
        if (user) {
          this.userData = user;
          localStorage.setItem('user', JSON.stringify(this.userData));
          JSON.parse(localStorage.getItem('user'));
        } else {
          localStorage.setItem('user', null);
          JSON.parse(localStorage.getItem('user'));
        }
      })
    }
  
    // Sign in with email/password
    SignIn(email, password) {
      return this.afAuth.auth.signInWithEmailAndPassword(email, password)
        .then((result) =&gt; {
          this.ngZone.run(() =&gt; {
            this.router.navigate(['dashboard']);
          });
          this.SetUserData(result.user);
        }).catch((error) =&gt; {
          window.alert(error.message)
        })
    }
  </code></pre>