onChange breaks after reset

run grecaptcha.reset() and then the onChange event doesn’t work anymore.

You could need to bind everything after the reset

[stiofand]

I’m trying to get my Recaptcha component to reset, based on a redux store dispatch, but none of the reset examples here apply to a ReCaptcha component. I have no idea what this grecaptcha example is. Is there somewhere I can see a less convoluted reset example of the actual React Element being reset???

const ReCaptchaBox = ({dispatch, shouldReset})=> {

 if(shouldReset){
   // Reset captcha??
  // Possible return new ReCaptcha as per Sawtaytoes example?
}

return(
    <ReCAPTCHA
      className="recaptcha-box"
      name="recaptcha"
      sitekey={AppProperties.googleReCaptchaKey}
      size="normal"
      onChange={r => sendRecaptchaVerificationRequest(dispatch, r)}/>
  );
};

export default connect(state=>({
  shouldReset: state.recaptcha.shouldReset
}))(ReCaptchaBox);

Then in code,

<ApplicationForm>
    .....
    <ReCaptchaBox />
</ApplicationForm >

My solution would be for another element (any redux connected element to fire of a RESET_RECAPTCHA or similar, which would update the store, and thus the recaptcha would reset:

I cant see any possible solutions so far.

[Sawtaytoes]

@srvsankpal In my particular case, it’s been years, and I don’t work at the company where I was doing it.

I did use reCAPTCHA on a recent project and built it in myself rather than using a 3rd party library. Possibly not helpful, but it’s an alternative to consider since this library is also just using their JS API.