npm install @neocaptcha/sdk

'use client';
 
import { useState } from 'react';
import { NeoCaptcha } from '@neocaptcha/sdk/react';
 
export default function SignupForm() {
  const [token, setToken] = useState<string | null>(null);
 
  return (
    <form
      onSubmit={async (e) => {
        e.preventDefault();
        if (!token) return;
        await fetch('/api/signup', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ captchaToken: token }),
        });
      }}
    >
      {/* other fields */}
      <NeoCaptcha
        siteKey={process.env.NEXT_PUBLIC_NEOCAPTCHA_SITE_KEY!}
        onComplete={(verifyToken) => setToken(verifyToken)}
        onError={() => setToken(null)}
        onExpire={() => setToken(null)}
      />
      <button type="submit" disabled={!token}>
        Submit
      </button>
    </form>
  );
}