Fix custom params list after removing (#1011)

kafka-ui-react-app/src/components/Topics/shared/Form/CustomParams/CustomParamField.tsx

@@ -12,7 +12,7 @@ interface Props {
   index: number;
   existingFields: string[];
   field: FieldArrayWithId<TopicFormData, 'customParams', 'id'>;
-  remove: (index?: number | number[] | undefined) => void;
+  remove: (index: number) => void;
   setExistingFields: React.Dispatch<React.SetStateAction<string[]>>;
 }
 

kafka-ui-react-app/src/components/Topics/shared/Form/CustomParams/CustomParams.tsx

@@ -19,6 +19,12 @@ const CustomParams: React.FC<Props> = ({ isSubmitting }) => {
     name: INDEX_PREFIX,
   });
   const [existingFields, setExistingFields] = React.useState<string[]>([]);
+  const removeField = (index: number): void => {
+    setExistingFields(
+      existingFields.filter((field) => field === fields[index].name)
+    );
+    remove(index);
+  };
 
   return (
     <>
@@ -36,7 +42,7 @@ const CustomParams: React.FC<Props> = ({ isSubmitting }) => {
         <CustomParamField
           key={field.id}
           field={field}
-          remove={remove}
+          remove={removeField}
           index={idx}
           isDisabled={isSubmitting}
           existingFields={existingFields}