¿Cómo usar el método GoogleAuthProvider() en la aplicación angular para la autenticación en el método de inicio de sesión?

 Angular version: ^12.2.7 "@angular/fire": "^7.0.4", "firebase": "^9.1.0",

 import { Injectable } from '@angular/core'; import { AngularFireAuth } from '@angular/fire/compat/auth'; // import { AngularFireAuth } from '@angular/fire/auth'; import { AngularFirestore } from '@angular/fire/compat/firestore'; import { ActivatedRoute, Router } from '@angular/router'; import { Observable, of } from 'rxjs'; import { switchMap } from 'rxjs/operators'; import { AppUser } from '../models/appuser'; import * as firebase from 'firebase/compat/app'; import { GoogleAuthProvider } from "firebase/auth";

Estoy recibiendo un error en:

 firebase.GoogleAuthProvider(). async login() { const returnUrl = this.route.snapshot.queryParamMap.get('returnUrl') || this.router.url; localStorage.setItem('returnUrl', returnUrl); const credential = await this.afAuth.signInWithPopup(new firebase.GoogleAuthProvider()); return this.updateUserData(credential.user); }