Correcting Form Validation Error Handling (#7707)

remix-run · Oct 19, 2023 · 33dc6a4 · 33dc6a4
1 parent e906aa6
commit 33dc6a4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/contributors.yml b/contributors.yml
@@ -595,3 +595,4 @@
 - TrySound
 - rogepi
 - fredericoo
+- jmarbutt
diff --git a/docs/guides/form-validation.md b/docs/guides/form-validation.md
@@ -84,19 +84,19 @@ import {
 } from "@remix-run/react";
 
 export default function Signup() {
-  const { errors } = useActionData<typeof useAction>();
+  const actionData = useActionData<typeof action>();
 
   return (
     <Form method="post">
       <p>
         <input type="email" name="email" />
-        {errors?.email ? <em>{errors.email}</em> : null}
+        {actionData?.errors?.email ? <em>{actionData?.errors.email}</em> : null}
       </p>
 
       <p>
         <input type="password" name="password" />
-        {errors?.password ? (
-          <em>{errors.password}</em>
+        {actionData?.errors?.password ? (
+          <em>{actionData?.errors.password}</em>
         ) : null}
       </p>