title: React Invisible reCAPTCHA
body: <p>I am working with the react-google-recaptcha to implement the invisible ReCaptcha, passing a ref to the ReCAPTCHA component and executing <code>this._reCaptchaRef.current.execute()</code> inside the componentDidMount. <a href="https://stackblitz.com/edit/react-invisbile-recaptcha" rel="nofollow noreferrer">https://stackblitz.com/edit/react-invisbile-recaptcha</a> showcases a form that makes use of the reCaptcha.</p>
  
  <p>the onChange callback passed to the captcha component will set the value of the captcha into the state. The initial render the captcha value is set into the state and everything seems to work just fine, click on the <strong>submit</strong> button and the state value is printed onto the console.</p>
  
  <p>After a few seconds, if we click on submit and look at the console, the value of the captcha is null. I tried to compare the value passed to onChange and if it was null I would invoke the 
  <code>this._reCaptchaRef.current.execute()</code> but the issue raises when the value is null and we invoke the function but the first on <code>submit</code>, the value of captcha is null and every click from it will have the value in the state until it becomes null.</p>
  
  <p>how do I invoke the Recaptcha for the submit button and also be able to pass the value of the captcha to the callback function?</p>