useFieldArray doesn't work correctly when using reflect

[sebastian9990]

I might just be using this wrong but it looks like useFieldArray doesn't work correctly when using reflect.
The id field is not included at runtime, although it looks like the type is correct.

Hopefully you can reproduce it easily

• if you open this story examples/reflect/array/TopLevel.story.tsx and look in the console, you'll see Each child in a list should have a unique "key" prop.
• if you try to check the id of fields in result.current.arr.fields here tests/array-reflect.test.ts, you'll most likely get undefined.

[kolebjak]

I might have similar issue. When I reflect id to different key, useFieldArray uses this key instead of ID and overrides it with its internal uuid.

eg:

<CustomInput
          lens={lens
            .focus("nested")
            .reflect(({ id }) => [{ customId: id }])}
        />

Then after I use within CustomInput

const fieldArray = useFieldArray(lens.interop());

The value of customId is replaced by the internal uuid of useFieldArray. Also the id key which should be included in the field array is not present (this is imo same issue you have @sebastian9990 with undefined keys).