useFieldArray fields in the mui datagrid cells, each has input values and demand calculation in every onchage of fields

[rustamas762]

currently i handle my these fields calculation like so
const onChangeQuantity = (event, index) => { const quantity = Number(event.target.value); setValue(estimateItems.${index}.amount`, calculateAmount(index), {
quantity,
});
};

const calculateAmount = (index, updatedField = {}) => {
// Merge the updated field into the current item
const currentItem = _estimateItem[index];
const { quantity, price, discount, isDiscountPercentage } = {
...currentItem,
...updatedField, // Override with the updated field
};

return isDiscountPercentage
  ? quantity * price - (quantity * price * discount) / 100
  : quantity * price - discount;

};

`

This is an simple example. I wonder if there is better way (in terms of better performance) to get and set field values? I'm not an expert on hookform, especially useFieldArray hook, but there are couple of methods that seems to be have differences, such as update, replace.
I research official doc nonstop, but maybe some of you faced such situation and has a recommendation. Thanks in advance.

[BrendanC23]

That's how I would do it. I don't think there's a better option than setValue in this case. If performance is an issue, you could try profiling the code to see where the bottlenecks are - but if you're only updating one row at a time, I don't think there should be much issue.

One potential optimization would be to pass the quantity, price, etc. values to calculateAmount() instead of using the spread operator, but this probably isn't necessary unless you're having performance issues (again, it's worth profiling the code first before making this change).