From 2b65220d0d5c239579f77bb46776a0c8f6b442ad Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Sat, 27 Jun 2026 02:16:49 +0000
Subject: [PATCH] Use callback funcs

---
 .../components/forms/fields/TableField.tsx    | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/components/forms/fields/TableField.tsx b/src/frontend/src/components/forms/fields/TableField.tsx
index 5d209b1fee..ed0debe4db 100644
--- a/src/frontend/src/components/forms/fields/TableField.tsx
+++ b/src/frontend/src/components/forms/fields/TableField.tsx
@@ -98,18 +98,24 @@ export function TableField({
   } = control;
   const { value } = field;
 
-  const onRowFieldChange = (idx: number, key: string, value: any) => {
-    const val = field.value;
-    val[idx][key] = value;
+  const onRowFieldChange = useCallback(
+    (idx: number, key: string, value: any) => {
+      const val = field.value;
+      val[idx][key] = value;
 
-    field.onChange(val);
-  };
+      field.onChange(val);
+    },
+    [field.value, field.onChange]
+  );
 
-  const removeRow = (idx: number) => {
-    const val = field.value;
-    val.splice(idx, 1);
-    field.onChange(val);
-  };
+  const removeRow = useCallback(
+    (idx: number) => {
+      const val = field.value;
+      val.splice(idx, 1);
+      field.onChange(val);
+    },
+    [field.value, field.onChange]
+  );
 
   // Extract errors associated with the current row
   const rowErrors: any = useCallback(