useFieldArray creates a duplicate row when appending after deletion when used with ag-grid

[JosephLu2022]

Hi, I'm using useFieldArray with ag-grid and encountering an issue where inserting a row, deleting it, then inserting again results in a duplicated row. Upon inspecting the form state using getValues, the duplicated row appears to contain incomplete or partial data.

I'm unsure whether this issue is related to ag-grid itself or my implementation of useFieldArray. It seems to occur specifically when using register from useFormContext along with the Controller component. But works correctly when i pass register as a prop.

Could someone help clarify why this behavior is happening?

Version Number

7.50.1

Codesandbox

https://codesandbox.io/p/sandbox/friendly-fermi-wp7578

Steps to reproduce

1. add a new row
2. deleted the inserted row
3. add a new row again

Expected behavior

it should not duplicate on append. should only have 3 rows

What browser are you seeing the problem on?

Chrome