Token generated at rapid pace in Next.js app

[prateem]

Hi there! I'm using this package in a Next.js app and find that on the page where I have the <GoogleReCaptcha> component placed, the onVerify callback is called very rapidly and new tokens are constantly generated.

I just wanted to know if this is expected.

I'm not doing anything fancy with the component, but here's what the code looks like (roughly):

export default function Contact() {
  const [token, setToken] = useState(null);

  return (
    <>
      // ...
      <GoogleReCaptcha onVerify={ (token) => { setToken(token); console.log(token); } } />
    </>
  );
};

[t49tran]

@prateem, please read the document.

https://github.com/t49tran/react-google-recaptcha-v3#googlerecaptcha

Your code is exactly a common mistake that I have documented and say should be avoided.