react-google-recaptcha-v3-hook

React hook for google-recaptcha v3

Usage no npm install needed!

<script type="module">
  import reactGoogleRecaptchaV3Hook from 'https://cdn.skypack.dev/react-google-recaptcha-v3-hook';
</script>

README

react-recaptcha-hook

React hook for google-recaptcha v3

Install

// with npm
npm install react-recaptcha-hook

// with yarn
yarn add react-recaptcha-hook

How to use

import React, { useEffect } from 'react';
import useRecaptcha, { Badge } from 'react-recaptcha-hook';

const RecaptchaComponent = ({ action, sitekey, onToken }) => {
  const execute = useRecaptcha({ sitekey, hideDefaultBadge: true });

  useEffect(() => {
    const getToken = async () => {
      const token = await execute(action);
      onToken(token);
    };

    getToken();
  }, []);

  return <Badge />;
};

export default RecaptchaComponent;

Server side validation

License

MIT