Something went wrong with multiple checkboxes

[andrconstruction]

Please explain me what I did wrong, if you can.
I have a form like this

Code example.

https://codesandbox.io/p/sandbox/react-hook-form-3pygzt

Output data is expected and work perfectly But if I added defaultValues or use reset() . output values is inconsitence

[leapful]

@andrconstruction

Please describe more detail on what is wrong after adding default values or reset method.

[andrconstruction]

if I added default values then within an output data disappear true values. In the code example (index.js row 126) you can remove comment on default values and will see the broken output

[Moshyfawn]

You're using a "flat array" which is not supported by RHF.

You need to provide a field name for the array instead.

useForm({
- defaultValues: defaultSubscribes
+ defaultValues: {
+  subscribers: defaultSubscribes
+ }
})

<CheckboxNg
- name={`${index}.email`}
+ name={`subscribers.${index}.email`}
  control={control}
/>

Here's a working codesandbox.

[andrconstruction]

Thank you