Cuando intento ejecutar este código para crear una ventana emergente de Google Auth en un evento de clic, aparece un error debido a la parte "auth" en la última línea de código. VScode me está dando el error:

La propiedad 'auth' no existe en el tipo 'typeof import(/angular/my-app/node_modules/firebase/app/dist/app/index)

Veo que este problema con .auth es común, pero siguiendo lo que hicieron los demás, parece que no pude resolver el problema. Todas las soluciones anteriores eran de 2020, así que pensé que algo había cambiado.

¿Alguien tiene alguna idea de cómo resolver este problema?

 import { Directive, HostListener } from '@angular/core'; import { AngularFireAuth } from '@angular/fire/compat/auth'; import * as firebase from 'firebase/app'; @Directive({ selector: '[appGoogleSignin]' }) export class GoogleSigninDirective { constructor(private afAuth: AngularFireAuth) {} @HostListener('click') onclick() { this.afAuth.signInWithPopup(new firebase.*auth*.GoogleAuthProvider()); } }