diff --git a/app/javascript/components/ansible-playbook-edit-catalog-form/helper.js b/app/javascript/components/ansible-playbook-edit-catalog-form/helper.js
index e884bbe03ca..ff2b942633b 100644
--- 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
index 04e37f9b58b..fe785f432f4 100644
--- 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}