fixed bug for interactive list focus

glific · Mar 25, 2022 · 587ea68 · 587ea68
1 parent 5eaa55f
commit 587ea68
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/containers/InteractiveMessage/InteractiveOptions/ListReplyTemplate.tsx b/src/containers/InteractiveMessage/InteractiveOptions/ListReplyTemplate.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { Button, TextField, FormHelperText, FormControl } from '@material-ui/core';
 import { FieldArray } from 'formik';
-import { v4 as uuidv4 } from 'uuid';
 
 import { ReactComponent as DeleteIcon } from 'assets/images/icons/Delete/Red.svg';
 import { ReactComponent as CrossIcon } from 'assets/images/icons/Cross.svg';
@@ -134,7 +133,8 @@ export const ListReplyTemplate: React.SFC<ListReplyTemplateProps> = (props) => {
             name={`templateButtons[${index}].options`}
             render={(arrayHelpers) =>
               options.map((itemRow: any, itemIndex: any) => (
-                <div key={uuidv4()}>
+                // eslint-disable-next-line react/no-array-index-key
+                <div key={itemIndex}>
                   <div className={styles.ListReplyItemWrapper}>
                     <div className={styles.ListReplyItemContent}>
                       <div className={styles.TextFieldWrapper}>