Error: reCAPTCHA client has been deleted: 0

[gempain]

Summary

I'm submitting a:

• bug report
• feature request
• question / support request
• other

Description

I use the forms module and use the recaptcha component as follows:

<re-captcha formControlName="captcha"></re-captcha>

After my form is successfully submitted, I remove it from the DOM using an *ngIf to show a "Thank you" message and a "Start over" button. When I click on the Start over button, the form reappears as I set the ngIf condition to true and reset my form using form.reset(). When this happens, I get the following error:

Workaround

In my template:

<re-captcha (resolved)="recaptchaResolved($event)"></re-captcha>

In my component:

recaptchaResolved(response: string) {
    this.form.get('captcha').setValue(response);
  }

Lib versions:

• ng-recaptcha: 4.2.1
• Angular: 7.2.0
• Typescript (tsc --version): 3.2.2

[Bigdeeua]

I have the same issue with react

[hgrubst]

Same issue here that started happening today for some reason.
The issue happens when I navigate away from the page and the component including the captcha gets reset in the ngOnDestroy.
Not sure why it has started happening only today.

[CIAMoptimist29]

Same issue here, that started at around 3pm EST.
Affected a major Fortune Company's System that utilized ReCaptcha in Production.
Had to design workaround to get functioning again by bypassing this error.

[miex0r]

Same here - work around for me was to update the component which renders ReactGoogleRecaptcha to dispose of the instance before it unmounts.

    // hack fix here to make sure reCaptcha resets before component unmounts
    this.reCaptchaInstance.reset();

    // and then we must unset our widgetId or else ReCAPTCHA.prototype.reset will crash
    this.reCaptchaInstance._widgetId = undefined;
  }

[millerbennett]

We are hitting this as well. Any ideas on what changed to cause this issue? Did google make an update?

Edit: This resolved itself on our side without any changes.

[CIAMoptimist29]

Google did make an update. They did revert the change. We are back up and running now.

…

________________________________ From: Bennett Miller <notifications@github.com> Sent: Thursday, April 18, 2019 9:55:10 PM To: DethAriel/ng-recaptcha Cc: CIAMoptimist29; Comment Subject: Re: [DethAriel/ng-recaptcha] Error: reCAPTCHA client has been deleted: 0 (#136) We are hitting this as well. Any ideas on what changed to cause this issue? Did google make an update? — You are receiving this because you commented. Reply to this email directly, view it on GitHub<#136 (comment)>, or mute the thread<https://github.com/notifications/unsubscribe-auth/AL3XNUR6YI7PIKJOKQUXCWTPREYA5ANCNFSM4GT7KI2Q>.

[millerbennett]

Do you happen to have a source on that - was there a post about it?

[CIAMoptimist29]

We have a contact within Google Engineering, but we will be following up with them to see if there is a public bulletin that will be posted about it. If they do release it, I will be sure to provide it back here. I know this affected many people from their email.

[robframpton]

Ran into this using a React implementation the same day across multiple projects. Confirmed that it's resolved itself, but very strange that I can't find a changelog anywhere to verify that a change on their side caused the issue. 🤷‍♂️

[DethAriel]

@CIAMoptimist29 was there a bulletin by any chance?

[ivanff]

+1

[duymon178]

+1

[willvlad]

+1

[MohamedMahsoon97]

this.reCaptchaInstance.reset();