diff --git a/src/routes/login.tsx b/src/routes/login.tsx
index 081b302..de1a01e 100644
--- a/src/routes/login.tsx
+++ b/src/routes/login.tsx
@@ -104,10 +104,14 @@ function Login() {
                   <FormItem>
                     <FormControl>
                       <TurnstileWidget
-                        {...field}
+                        id={field.name}
                         onSuccess={(token) => {
                           form.setValue("ttkn", token);
                         }}
+                        onExpire={() => form.setError("ttkn", { message: "Captcha expired" })}
+                        onError={() => form.setError("ttkn", { message: "Captcha not completed" })}
+                        onUnsupported={() => form.setError("ttkn", { message: "Captcha not supported" })}
+                        onTimeout={() => form.setError("ttkn", { message: "Captcha timed out" })}
                       />
                     </FormControl>
                     <FormMessage />
diff --git a/src/routes/register.tsx b/src/routes/register.tsx
index 2489605..5e16c82 100644
--- a/src/routes/register.tsx
+++ b/src/routes/register.tsx
@@ -108,10 +108,14 @@ function Register() {
                     <FormItem>
                       <FormControl>
                         <TurnstileWidget
-                          {...field}
+                          id={field.name}
                           onSuccess={(token) => {
                             form.setValue("ttkn", token);
                           }}
+                          onExpire={() => form.setError("ttkn", { message: "Captcha expired" })}
+                          onError={() => form.setError("ttkn", { message: "Captcha not completed" })}
+                          onUnsupported={() => form.setError("ttkn", { message: "Captcha not supported" })}
+                          onTimeout={() => form.setError("ttkn", { message: "Captcha timed out" })}
                         />
                       </FormControl>
                       <FormMessage />