Estoy usando la biblioteca "react-google-recaptcha-v3" para reCAPTCHA en React.
Tengo un componente SignUp, que esencialmente es algo similar a un formulario donde los usuarios pueden agregar sus credenciales y luego crear una cuenta.
La función se ve así:
const SignUp = () => { ... const { executeRecaptcha } = useGoogleReCaptcha(); const handleReCaptchaVerify = useCallback(async () => { if (!executeRecaptcha) { console.log("Execute recaptcha not yet available"); return; } const token = await executeRecaptcha(); console.log(token); }); ... return ( ... <div onClick={() => { handleReCaptchaVerify().then(() => { createUserEmailPassword(email, password, username); }); }} className="auth-sign-button" > Create a new account </div> ... ); };Como puede ver, la función handleReCaptchaVerify() se llama una vez que el usuario intenta crear una nueva cuenta. Esta función me proporciona un token, ya que el componente SignUp se representa más tarde desde dentro de un componente.
¿Cómo valido al usuario una vez que recibo el token, desde la función handleReCaptchaVerify()?