Firebase UI Phone Authentication not working on angular 13 using @angular/fire for firebase web modular v9

import {Auth,RecaptchaVerifier,signInWithPhoneNumber,PhoneAuthProvider,signInWithCredential} from '@angular/fire/auth'
import {FormGroup,FormControl} from '@angular/forms';
import {Subject, tap} from 'rxjs';

constructor(private auth: Auth) { }
  phoneNumber$=new Subject<string>();
  code$=new Subject<string>();
  phoneNumberForm=new FormGroup({phoneNumberInput:new FormControl('')})
  verifyForm=new FormGroup({codeInput:new FormControl('')})
  displayPhoneDiv=true;
  displayCodeDiv=false;
  
  ngOnInit(): void {
    let appVerifier= new RecaptchaVerifier('recaptcha-container', {
      'size':'invisible', //'normal'
      'callback': (response:any) => {},
      'expired-callback': () => {}
    }, this.auth)

    this.phoneNumber$.pipe(
      tap((phoneNumber:string) =>{
        this.displayPhoneDiv=false;
        signInWithPhoneNumber(this.auth,phoneNumber,appVerifier)
          .then((confirmationResult) => {          
          this.displayCodeDiv=true
          this.code$.pipe(
            tap((code) => {
              console.log(confirmationResult)
              var credential =PhoneAuthProvider.credential(confirmationResult.verificationId,code)
              signInWithCredential(this.auth,credential)
              .then((result) => {
                this.displayCodeDiv=false
                console.log(result)
              })
            })).subscribe()
          })
      })
    ).subscribe()         
  }

  getPhoneNumber(){
    this.phoneNumber$.next(this.phoneNumberForm.controls['phoneNumberInput'].value)
  }
  getCode(){
    this.code$.next(this.verifyForm.controls['codeInput'].value)
  }

<div *ngIf="displayPhoneDiv">
    <h2>Phone Number</h2>
    <form [formGroup]="phoneNumberForm" (ngSubmit)="getPhoneNumber()">
      <input 
      formControlName="phoneNumberInput">
      <button type="submit">Sign in</button>
  </form>  
  </div>
  
  <div *ngIf="displayCodeDiv">
    <h2>Verify code</h2>
      <form [formGroup]="verifyForm" (ngSubmit)="getCode()">
        <input 
        formControlName="codeInput">
        <button type="submit">Verify Code</button>
    </form>  
    </div>
  
  <div id="recaptcha-container"></div>