feature/IO-3499-React-19: Bug Fixes / Checkpoint

client/src/components/bill-form/bill-form.lines.component.jsx

@@ -612,32 +612,51 @@ export function BillEnterModalLinesComponent({
 
 export default connect(mapStateToProps, mapDispatchToProps)(BillEnterModalLinesComponent);
 
-const EditableCell = ({ dataIndex, record, children, formInput, formItemProps, additional, wrapper, ...restProps }) => {
-  const propsFinal = formItemProps && formItemProps(record);
-  if (propsFinal && "key" in propsFinal) {
-    delete propsFinal.key;
-  }
-  if (additional)
+const EditableCell = ({
+  dataIndex,
+  record,
+  children,
+  formInput,
+  formItemProps,
+  additional,
+  wrapper: Wrapper,
+  ...restProps
+}) => {
+  const rawProps = formItemProps?.(record);
+
+  // DO NOT mutate rawProps; omit `key` immutably
+  const propsFinal = rawProps
+    ? (() => {
+        const { ...rest } = rawProps;
+        return rest;
+      })()
+    : undefined;
+
+  if (additional) {
     return (
       <td {...restProps}>
-        <div size="small">
+        <div>
           <Form.Item name={dataIndex} labelCol={{ span: 0 }} {...propsFinal}>
             {(formInput && formInput(record, record.name)) || children}
           </Form.Item>
-          {additional && additional(record, record.name)}
+          {additional(record, record.name)}
         </div>
       </td>
     );
-  if (wrapper)
+  }
+
+  if (Wrapper) {
     return (
-      <wrapper>
+      <Wrapper>
         <td {...restProps}>
           <Form.Item labelCol={{ span: 0 }} name={dataIndex} {...propsFinal}>
             {(formInput && formInput(record, record.name)) || children}
           </Form.Item>
         </td>
-      </wrapper>
+      </Wrapper>
     );
+  }
+
   return (
     <td {...restProps}>
       <Form.Item labelCol={{ span: 0 }} name={dataIndex} {...propsFinal}>