From d41b50b64eefaec1f7c0ae4ab3e4d312077bb179 Mon Sep 17 00:00:00 2001
From: Will Honey <code@honey.sh>
Date: Thu, 22 Aug 2024 13:00:19 -0600
Subject: [PATCH] Update intent-button.md

use getInputProps for the input to avoid issues when setting defaultValue
---
 docs/intent-button.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/intent-button.md b/docs/intent-button.md
index 417ea316..faa04f1d 100644
--- a/docs/intent-button.md
+++ b/docs/intent-button.md
@@ -135,7 +135,7 @@ Be aware that both intents requires setting up the inputs with the **key** from
 To manipulate a field list, you can use the **insert**, **remove** and **reorder** intents.
 
 ```tsx
-import { useForm } from '@conform-to/react';
+import { useForm, getInputProps } from '@conform-to/react';
 
 export default function Tasks() {
   const [form, fields] = useForm();
@@ -146,7 +146,7 @@ export default function Tasks() {
       <ul>
         {tasks.map((task, index) => (
           <li key={task.key}>
-            <input name={task.name} />
+            <input {...getInputProps(task, { type: "text"})} />
             <button
               {...form.reorder.getButtonProps({
                 name: fields.tasks.name,