Ошибка: элемент-заполнитель reCAPTCHA должен быть элементом или

Question

Я использую аутентификацию телефона Firebase с невидимым ReCaptcha. Я установил размер свойства капчи невидимым, а также использовал идентификатор кнопки HTML.

Но каждый раз, когда пользователь вводит номер мобильного телефона, я получаю следующую ошибку

Ошибка: заполнитель reCAPTCHA элемент должен быть элементом или идентификатором

EDIT Эта ошибка возникает, когда я скрываю кнопку входа, установленную с помощью ReCaptcha (в моем случае кнопка с id = " отправить ").

Есть идеи, почему это происходит?

Я не понимаю, что пошло не так.

Заранее спасибо. html

<div>

        <ion-label > Enter your mobile number </ion-label>

        <ion-item>
         +91 | &nbsp;   <ion-input type="tel" [formControl] = "mobile_no" ></ion-input>

        </ion-item>
        <ion-button id="send" [disabled] = "mobile_no.invalid" (click)="send( mobile_no.value)">Continue</ion-button>
      </div>   

<ion-button (click) ="verify(otpArray)">Submit</ion-button> // submit otp. otpArray contains otp

.ts

send(mobile_no){

    let mobile = '+91' + mobile_no
    console.log(mobile)

    const appVerifier = new firebase.auth.RecaptchaVerifier('send', {
       'size': 'invisible',
     });

    this.response.linkWithPhoneNumber( mobile, appVerifier).then(data => { // response contains response after Gmail login

      if(data){


        console.log(this.result)
      }
    }).catch(err => {
      console.log(err)
    })    


   }

   verify(otp){

    console.log(otp)

    this.code = otp.first + otp.second + otp.third + otp.fourth + otp.fifth + otp.sixth
    console.log(this.code)


     this.result.confirm(this.code).then(result => {
       var user = result.user;
       console.log(result)
     }).catch(function (err) {console.log(err)} )

   }