Fix Key Value List Component Typing Bug

ManageIQ · Nov 5, 2024 · 23bfa6b · 23bfa6b
1 parent 8bc61a8
commit 23bfa6b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/app/javascript/components/ansible-playbook-edit-catalog-form/helper.js b/app/javascript/components/ansible-playbook-edit-catalog-form/helper.js
@@ -182,7 +182,8 @@ export const KeyValueListComponent = (props) => {
       <label htmlFor={input.name} className="bx--label">{label}</label>
       <br />
       {input.value && input.value.map((pair, index) => (
-        <div key={pair.key} className="key-value-list-pair">
+        // eslint-disable-next-line react/no-array-index-key
+        <div key={index} className="key-value-list-pair">
           <TextInput
             id={`${input.name}.${index}.key`}
             labelText={keyLabel}

diff --git a/app/javascript/components/terraform-template-catalog-form/helper.js b/app/javascript/components/terraform-template-catalog-form/helper.js
@@ -183,7 +183,8 @@ export const KeyValueListComponent = (props) => {
       <label htmlFor={input.name} className="bx--label">{label}</label>
       <br />
       {input.value && input.value.map((pair, index) => (
-        <div key={pair.key} className="key-value-list-pair">
+        // eslint-disable-next-line react/no-array-index-key
+        <div key={index} className="key-value-list-pair">
           <TextInput
             id={`${input.name}.${index}.key`}
             labelText={keyLabel}