Get widget token

import { Turnstile } from "@marsidev/react-turnstile";

export default function Widget() {
  const [token, setToken] = React.useState<string | null>(null);

  return (
    <Turnstile siteKey="1x00000000000000000000AA" onSuccess={setToken} />
  );
}

import { Turnstile } from "@marsidev/react-turnstile";
import type { TurnstileInstance } from "@marsidev/react-turnstile";

export default function Widget() {
  const ref = React.useRef<TurnstileInstance | null>(null);

  return (
    <>
      <Turnstile ref={ref} siteKey="1x00000000000000000000AA" />

      <button onClick={() => alert(ref.current?.getResponse())}>
        Get response
      </button>
    </>
  );
}

import { Turnstile } from "@marsidev/react-turnstile";

export default function Widget() {
  const formRef = React.useRef<HTMLFormElement>(null);

  async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
    event.preventDefault();
    const formData = new FormData(formRef.current!);
    const token = formData.get("cf-turnstile-response");
    // ...
  }

  return (
    <form ref={formRef} onSubmit={handleSubmit}>
      <input type="text" placeholder="username" />
      <input type="password" placeholder="password" />
      <Turnstile siteKey="1x00000000000000000000AA" />
      <button type="submit">Login</button>
    </form>
  );
}