From 2b065d6340142d5410f42045334ea58ff9183fde Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Mon, 29 Jun 2026 13:59:14 +0000
Subject: [PATCH] Fix ref issue

---
 .../src/components/forms/fields/TableField.tsx      |  1 +
 src/frontend/src/forms/BuildForms.tsx               |  2 ++
 src/frontend/src/forms/TransferOrderForms.tsx       | 13 ++++++-------
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/components/forms/fields/TableField.tsx b/src/frontend/src/components/forms/fields/TableField.tsx
index d462cb3319..5dc71c53fa 100644
--- a/src/frontend/src/components/forms/fields/TableField.tsx
+++ b/src/frontend/src/components/forms/fields/TableField.tsx
@@ -230,6 +230,7 @@ function TableFieldComponent({
         };
       }
 
+      valueRef.current = nextValue;
       onChangeRef.current(nextValue);
     },
     [resolveRowIndex]
diff --git a/src/frontend/src/forms/BuildForms.tsx b/src/frontend/src/forms/BuildForms.tsx
index 9a149d35f6..325cfd582e 100644
--- a/src/frontend/src/forms/BuildForms.tsx
+++ b/src/frontend/src/forms/BuildForms.tsx
@@ -648,6 +648,7 @@ function BuildAllocateLineRow({
       <Table.Td>
         <NumberInput
           radius='sm'
+          aria-label='number-field-quantity'
           min={0}
           step={1}
           decimalScale={10}
@@ -701,6 +702,7 @@ export function useAllocateStockToBuildForm({
   const buildLines = useMemo(() => {
     return lineItems.map((item) => {
       return {
+        id: item.pk,
         ...item
       };
     });
diff --git a/src/frontend/src/forms/TransferOrderForms.tsx b/src/frontend/src/forms/TransferOrderForms.tsx
index a4afaa6d32..3eb042ea01 100644
--- a/src/frontend/src/forms/TransferOrderForms.tsx
+++ b/src/frontend/src/forms/TransferOrderForms.tsx
@@ -144,14 +144,12 @@ function TransferOrderAllocateLineRow({
           q = Math.max(q, required);
           q = Math.min(q, available);
 
-          if (q != quantity) {
-            setQuantity(q);
-            props.changeFn(props.rowId, 'quantity', q);
-          }
+          setQuantity(q);
+          props.changeFn(props.rowId, 'quantity', q);
         }
       }
     };
-  }, [sourceLocation, record, quantity]);
+  }, [sourceLocation, record, quantity, props.changeFn]);
 
   return (
     <Table.Tr key={`table-row-${props.rowId}`}>
@@ -175,6 +173,7 @@ function TransferOrderAllocateLineRow({
       <Table.Td>
         <NumberInput
           radius='sm'
+          aria-label='number-field-quantity'
           min={0}
           step={1}
           decimalScale={10}
@@ -189,7 +188,7 @@ function TransferOrderAllocateLineRow({
               nextValue = Number.isFinite(parsed) ? parsed : '';
             }
 
-            setQuantity(nextValue);
+            setQuantity(nextValue === '' ? 0 : nextValue);
             props.changeFn(props.rowId, 'quantity', nextValue);
           }}
           error={props.rowErrors?.quantity?.message}
@@ -245,7 +244,7 @@ export function useAllocateToTransferOrderForm({
       },
       items: {
         field_type: 'table',
-        value: lineItems,
+        value: [],
         headers: [
           { title: t`Part`, style: { minWidth: '200px' } },
           { title: t`Allocated`, style: { minWidth: '200px' } },