Execute doesn't work on invisible when recaptcha isn't cached

I’m running execute on the ref returned by the callback to ReCAPTCHA. If it’s the second time (i.e. cached), execute() works. If recaptcha hasn’t been cached (e.g. first time in incognito), execute() does nothing.

After some analysis it seems to be because this.__executeRequested is undefined in explicitRender, even though it gets set in execute()… some kind of race condition?

Environment:

+-- react@15.6.1
+-- react-async-script@0.9.1
+-- react-dom@15.6.1
`-- react-google-recaptcha@0.9.6

[harrysoer]

I tried to reference the component and it seems working fine for me

recaptchaRef:any;

submitForm(e){
    e.preventDefault()
    this.recaptchaRef.execute()
}

render(){
    return(
        <form onSubmit={e=>this.submitForm}>
            <Recaptcha
                sitekey="==YOUR-SITEKEY=="
                ref={e => this.recaptchaRef = e}
                onChange={token => this.props.verifyCaptcha(token)}
                size={"invisible"}
           />
           <button class="btn btn-primary" type="submit" />
        </form>
   )
}

[hartzis]

closing with update and 1.0.0 release. Please re-open if anyone is having an issue and include a codesandbox.io example if possible