v2 invisible

The Google reCAPTCHA v2 invisible is a reCAPTCHA version that runs in the background without requiring user interaction. It is used to verify that the user is a human and not a bot.

Provider Setup

All reCAPTCHA functionality requires wrapping your application with the GoogleReCaptchaProvider. This provider manages the reCAPTCHA script loading and provides context to child components.

import React from 'react';
import { GoogleReCaptchaProvider } from '@google-recaptcha/react';

export const App = () => (
  <GoogleReCaptchaProvider type='v2-invisible' siteKey='your_site_key'>
    ...
  </GoogleReCaptchaProvider>
);

Google ReCaptcha v2 invisible does not require users to solve any puzzles or enter any codes. Instead, it runs in the background and analyzes user behavior on the web page to determine if they are genuine users or potential bots.

import React from 'react';
import { useGoogleReCaptcha } from '@google-recaptcha/react';

const App = () => {
  const googleReCaptcha = useGoogleReCaptcha();

  const onReCaptchaVerify = async () => {
    if (!googleReCaptcha.executeV2Invisible) {
      console.log('Execute recaptcha not available');
      return;
    }

    const token = await googleReCaptcha.executeV2Invisible();
  };

  return <button onClick={onReCaptchaVerify}>verify</button>;
};

v2 invisible

Demo

Provider Setup

Usage

On this page