Possible to pass name prop from Controller to render method?

[lsbyerley]

When using the render prop for the Controller component, the name attribute in the Controller component does not get passed down to the component that is rendered by the render function. The example shows an example. The input does not have the name attribute at all. This can be a problemn when using a config file to render your form components and the render function is part of the config file.

<Controller
  name={`test[${index}].lastName`}
  control={control}
  defaultValue={item.lastName} // make sure to set up defaultValue
  render={({ onChange, value, label }) => <input onChange={onChange} value={value} />}
/>

codesandbox with the issue: https://codesandbox.io/s/react-hook-form-usefieldarray-forked-xn8lx?file=/src/index.js:1099-1392

[bluebill1049]

is you want name to pass down to your input, you can use as. as right now, render doesn't pass down name.

[lsbyerley]

Yes I realize it does not pass down name to the render function which I why posted this in the "Ideas" section.

It is not possible for me to use as in the scenario I'm working with. I must use the render function

[bluebill1049]

would you like to send a feature request on this one?

[lsbyerley]

By send feature request do you mean submit a PR?

[bluebill1049]

as sending an issue (feature request) :) my PR can close that ticket as a reference.

[glebdv]

@bluebill1049 was there an update for this? We made a switch to react-hook-form recently, and it broke all of our tests that relied on "name" (id also doesnt seem to be passed down). We can rewrite our tests, but it's a bit long ^^ we're running v 7.36.0

[bluebill1049]

pretty sure name is returned by the render function. please refer to the doc: https://react-hook-form.com/api/usecontroller