fix(frontend): Typing in the NodeKeyValueInput field causes the field…

… to un-focus (#8680) * fix(frontend): Typing in the "Prompt Values" input field causes the field to un-focus * Add comment * Rephrase
Significant-Gravitas · Nov 18, 2024 · cd7dfbb · cd7dfbb
1 parent a2895a2
commit cd7dfbb
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/autogpt_platform/frontend/src/components/node-input-components.tsx b/autogpt_platform/frontend/src/components/node-input-components.tsx
@@ -404,7 +404,11 @@ const NodeKeyValueInput: FC<{
     >
       <div>
         {keyValuePairs.map(({ key, value }, index) => (
-          <div key={getEntryKey(key)}>
+          /* 
+          The `index` is used as a DOM key instead of the actual `key`
+          because the `key` can change with each input, causing the input to lose focus.
+          */
+          <div key={index}>
             <NodeHandle
               keyName={getEntryKey(key)}
               schema={{ type: "string" }}