Merge pull request #9304 from GilbertCherrie/fix_keyvaluelist_component_bug

Fix Key Value List Component Typing Bug

Author: agrare

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}

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}