From the docs:

The name of your callback function, executed when the user submits a successful response. The g-recaptcha-response token is passed to your callback.

The function does in fact hand off the token, but is not in the TypeScript for the callback functions. I end up having to fuss with it a bit.

Also, might be an issue with something I am doing on my end, but if I use the onChange here instead of callback the reCAPTCHA widget will reload back to an empty checkbox after it onChange happens. I will open a separate ticket if I can reproduce that one in a codepen or something.

<GoogleReCaptchaCheckbox
  action={actionName}
  callback={(...args) => {
    const token = (args as any)[0];
    onChange(token, actionName);
  }}
/>

BTW, great job with this project. It looks really great. I hope adoption picks up, definitely higher quality than other tools I have found. Especially the Enterprise support. Cheers!

Trying to reset recaptcha in Remix using key to rerender.

  const [key, setKey] = useState(0);

  useEffect(() => {
    // Перезагрузка компонента при монтировании
    setKey(prev => prev + 1);
    console.log(key);
  }, []);

...

        <div key={key}>  
        <GoogleReCaptchaProvider siteKey={loaderData.rkey} type="v2-checkbox" >
            <GoogleReCaptchaCheckbox />
        </GoogleReCaptchaProvider>
        </div>
        

But it fails. So if user sends correct recaptcha v2 to server but the form had an error on next form send I have already expired recaptcha result (component not rerendered and resented and form same previously valid key to check twice).