@redwoodjs/sdk/dist/runtime/lib/turnstile/client/useTurnstile.js

Build fast, server-driven webapps on Cloudflare with SSR, RSC, and realtime

"use client";
import { useEffect, useRef, useState } from "react";
export const useTurnstile = ({ siteKey, onSuccess, }) => {
    const ref = useRef(null);
    const [token, setToken] = useState(null);
    useEffect(() => {
        if (!ref.current || !window.turnstile)
            return;
        const widgetId = window.turnstile.render(ref.current, {
            sitekey: siteKey,
            callback: (newToken) => {
                setToken(newToken);
                onSuccess?.(newToken);
            },
        });
        return () => {
            if (window.turnstile && widgetId) {
                window.turnstile.remove(widgetId);
            }
        };
    }, [siteKey, onSuccess]);
    return { ref, token };
};