Managing widget status

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

type Status = "error" | "expired" | "solved";

export default function Widget() {
  const [status, setStatus] = React.useState<Status | null>(null);

  return (
    <Turnstile
      siteKey="1x00000000000000000000AA"
      onError={() => setStatus("error")}
      onExpire={() => setStatus("expired")}
      onSuccess={() => setStatus("solved")}
    />
  );
}