Please Add An Example For Control Component Usage In The Context Of useFieldArray In Version 7 With Typescript

[dudiharush]

Please Add An Example For Control Component Usage In The Context Of useFieldArray In Version 7 With Typescript

Is your feature request related to a problem? Please describe.
my problem is I could never make this part work with Typescript
{...register(test.${index}.value)}

the error message i got is:
"Types of property 'name' are incompatible.
Type 'string' is not assignable to type..."

[mraxime]

The first register parameter needs to be a string. So you need to add backticks:
{...register(`test.${index}.value`)}

Then for Typescript, you need to cast it as const:
{...register(`test.${index}.value` as const)}

[mraxime]

{...register(test.${index}.value)}

Just a small Github trick for you if you want to add backticks between other backticks inside your examples, you can just wrap them into three backticks:
``` code `string` code ```

This way they will show properly. (if that's the reason why we don't see them in your example)

[bluebill1049]

will include this one: https://codesandbox.io/s/calc-i231d

[dudiharush]

I saw your Sandbox example, and it's missing an example of how to use the returned fields from useFieldArray function and the control param inside a Controller component, and the name value of the string template with the index
<Controller control={control} name=register(`list[${index}].prop` as const).name />
seems like register's returned "name" is of type string, but the Controller does not expect a string type for name