From f944f466f642ba2532c2745a8a1df93dba10bb8d Mon Sep 17 00:00:00 2001
From: Ryan Mathis <rmathis@unicon.net>
Date: Tue, 25 Oct 2022 14:50:12 -0700
Subject: [PATCH] SHIBUI-2388 Fixed performance issue

---
 ui/src/app/admin/component/ConfigurationForm.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/ui/src/app/admin/component/ConfigurationForm.js b/ui/src/app/admin/component/ConfigurationForm.js
index bceac7a42..3c5b2a84e 100644
--- a/ui/src/app/admin/component/ConfigurationForm.js
+++ b/ui/src/app/admin/component/ConfigurationForm.js
@@ -17,7 +17,7 @@ import { includes, uniqBy } from 'lodash';
 export function ConfigurationForm({ configurations, configuration = {}, loading, onSave, onCancel }) {
 
     const [names, setNames] = React.useState([]);
-
+    
     const { control, register, getValues, watch, formState: { errors, isValid }, handleSubmit } = useForm({
         defaultValues: {
             ...configuration
@@ -25,7 +25,7 @@ export function ConfigurationForm({ configurations, configuration = {}, loading,
         reValidateMode: 'onChange',
         mode: 'onChange',
     });
-
+    
     const { fields, append, remove } = useFieldArray({
         control,
         name: "properties",
@@ -35,10 +35,11 @@ export function ConfigurationForm({ configurations, configuration = {}, loading,
     });
 
     const properties = useProperties();
-    const selected = watch('properties');
 
     const addProperties = (props) => {
 
+        const selected = getValues('properties');
+
         const parsed = props.reduce((coll, prop, idx) => {
             if (prop.isCategory) {
                 return [...coll, ...properties.filter(p => p.category === prop.category)];
@@ -147,7 +148,7 @@ export function ConfigurationForm({ configurations, configuration = {}, loading,
                                 </thead>
                                 <tbody>
                                     {fields.map((p, idx) => (
-                                        <tr key={p.id}>
+                                        <tr key={idx}>
                                             <td>{ p.propertyName }</td>
                                             <td>{ p.category }</td>
                                             <td>{ p.displayType === 'number' ? 'integer' : p.displayType }</td>