title: Firebase UI Phone Authentication not working on angular 13 using @angular/fire for firebase web modular v9
body: <p>I'm using angular v13 and firebaseui and @angular/fire for authentication base on firebase V9 web modular ,
  all sign in methods authentication providers are working except the phone authentication I got error type  in console and even RecaptchaVerifier not showed and I got message error &quot;Solve the reCAPTCHA&quot;</p>
  <blockquote>
  <p>ERROR TypeError: app.auth is not a function
  at new RecaptchaVerifier (index.esm2017.js:931:13)
  at K.phoneSignInStart (esm.js:339:310)</p>
  </blockquote>
  <p>app.module.ts</p>
  <pre><code> imports: [
      BrowserModule,
      provideFirebaseApp(() =&gt; initializeApp(environment.firebase)),
      provideAuth(() =&gt; getAuth())
    ]
  </code></pre>
  <pre><code>import * as firebaseui from 'firebaseui'
  import {Auth, PhoneAuthProvider
  } from '@angular/fire/auth'
  
  constructor(private auth:Auth){
      const ui=new firebaseui.auth.AuthUI(this.auth)
      ui.start('#firebaseui-auth-container', {
        signInOptions: [
          {provider:PhoneAuthProvider.PROVIDER_ID,
            recaptchaParameters: {
              type: 'image',
              size: 'normal',
              badge: 'bottomleft' 
            }
          }              
        ]
       })
  </code></pre>
  <p>I require the official way using official firebaseui</p>