fix: Fix form data not updating

Use suggestion from remix-run/remix#1797
bmaupin · Feb 4, 2022 · 185b6bf · 185b6bf
1 parent dbaa937
commit 185b6bf
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/app/routes/admin/$slug.tsx b/app/routes/admin/$slug.tsx
@@ -4,6 +4,7 @@ import {
   useTransition,
   Form,
   LoaderFunction,
+  useLocation,
 } from 'remix';
 import invariant from 'tiny-invariant';
 
@@ -19,13 +20,14 @@ export const action = newPostAction;
 
 export default function EditPost() {
   const errors = useActionData();
+  const location = useLocation();
   const post = useLoaderData();
   const transition = useTransition();
 
   console.log('post=', post);
 
   return (
-    <Form method="post">
+    <Form key={location.key} method="post">
       <p>
         <label>
           Post Title: {errors?.title ? <em>Title is required</em> : null}