import Turnstile, { useTurnstile } from "react-turnstile";
<Turnstile
sitekey={turnstileSiteKey}
retry="auto"
refreshExpired="auto"
onError={(error) => {
setTurnstileStatus("error");
setTurnstileToken(null);
setError("Security check failed. Please try again.");
console.error("Turnstile Error:", error)
}}
onExpire={() => {
setTurnstileStatus("expired");
setTurnstileToken(null);
setError("Security check expired. Please verify again.");
}}
onLoad={() => {
setTurnstileStatus("required");
setTurnstileToken(null);
setError(null);
}}
onVerify={(token: string) => {
setTurnstileToken(token);
setTurnstileStatus("success");
setError(null);
}}
/>
import Turnstile, { useTurnstile } from "react-turnstile";
<Turnstile
sitekey={turnstileSiteKey}
retry="auto"
refreshExpired="auto"
onError={(error) => {
setTurnstileStatus("error");
setTurnstileToken(null);
setError("Security check failed. Please try again.");
console.error("Turnstile Error:", error)
}}
onExpire={() => {
setTurnstileStatus("expired");
setTurnstileToken(null);
setError("Security check expired. Please verify again.");
}}
onLoad={() => {
setTurnstileStatus("required");
setTurnstileToken(null);
setError(null);
}}
onVerify={(token: string) => {
setTurnstileToken(token);
setTurnstileStatus("success");
setError(null);
}}
/>