title: disable form submit button until user checks recaptcha checkbox
body: <p>I'm trying to disable my form's submit button until the user clicks the Google Recaptcha checkbox 'I am not a robot'</p>
  
  <p>Is there anyway to do this or do I need to download a React component specific to Google Recaptcha?</p>
  
  <p>Here is my simple component that contains the Google Recaptcha:</p>
  
  <pre><code>const RecaptchaComponent = () =&gt; {
      useEffect(() =&gt; {
          // Add reCaptcha
          const script = document.createElement("script");
          script.src = "https://www.google.com/recaptcha/api.js"
          document.body.appendChild(script);
      }, [])
  
      return (
          &lt;div
              className="g-recaptcha"
              data-sitekey="6LeS8_IdfdfLtQzwUgNV4545454lhvglswww14U"
          &gt;&lt;/div&gt;
      )
  };
  </code></pre>
  
  <p>And here is my form's onSubmit code:</p>
  
  <pre><code>const GameForm = () =&gt; (
  
  &lt;div className="app"&gt;
  
      &lt;Formik
          initialValues={{
              email: "",
              name: "",
              title: ""
  
          }}
  
          onSubmit={(values) =&gt; {
              //new Promise(resolve =&gt; setTimeout(resolve, 500));
              axios({
                  method: "POST",
                  url: "api/gameform",
                  data: JSON.stringify(values),
              });
          }}
      &gt;
  
          {props =&gt; {
              const {
                  values,
                  isSubmitting,
                  handleSubmit,
  
              } = props;
  
              return (
                  &lt;form onSubmit={handleSubmit}&gt;
  
                      &lt;div&gt;Your Game&lt;/div&gt;
  
                      &lt;label htmlFor="title"&gt;
                          Game Title:
                      &lt;/label&gt;
                      &lt;Field
                          id="title"
                          type="text"
                          values={values.title}
                      /&gt;
  
                      &lt;label htmlFor="name"&gt;
                          Name:
                      &lt;/label&gt;
                      &lt;Field
                          id="name"
                          type="text"
                          value={values.name}
                      /&gt;
  
                      &lt;label htmlFor="email"&gt;
                          Email:
                      &lt;/label&gt;
                      &lt;Field
                          id="email"
                          name="email"
                          type="email"
                          value={values.email}
                      /&gt;
  
                      &lt;div&gt;
                      &lt;ReCAPTCHA 
                          sitekey="6LeS8_IUAAAAAhteegfgwwewqe223" 
                          onChange={useCallback(() =&gt; setDisableSubmit(false))}
   /&gt;
                      &lt;/div&gt;
                      &lt;div&gt;
                          &lt;Button type="submit"&gt;
                              Submit
                          &lt;/Button&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
              );
          }}
      &lt;/Formik&gt;
  
  &lt;/div&gt;
  );
  </code></pre>