Controller requires it's props for custom components

Describe the bug When using Controller with a custom input component, causes the Controller to require the value and onChange props to be required.

To Reproduce Steps to reproduce the behavior:

1. Open codesandbox
2. Observe the type errors

Codesandbox link (Required) https://codesandbox.io/s/react-hook-form-controller-template-qrtco

Expected behavior I would expect the typings to be smart enough to know if I have already passed the values or to know that the properties are injected.

Additional context Also appears to be an issue with <input name="test" />

[stramel]

So Bill posted the link I shared with him using the example of react-router v6 and their reasoning behind switching to an element based api instead of component.

I think we can offer a single prop as/render/element to handle the use-cases. Offering multiple props will just cause confusion.

For that single prop, we should be able to support render props or an element.

// Supported
<Controller name="test" control={control} render={<TextFields myUniqueProp={state} />} />
<Controller name="test" control={control} render={({onChange, onBlur, ...props}) => <TextFields handleChange={onChange} handleBlur={onBlur} {..props} />} />

// Not Supported
<Controller name="test" control={control} render={TextFields} /> // -> <Controller name="test" control={control} render={<TextFields />} />
<Controller name="test" control={control} render='input' /> // -> <Controller name="test" control={control} render={<input />} />

We then don’t have to worry about passing props through (ie. myUniqueProp) or handling conversion of their prop names (ie. onBlurKey).

The main issue that I see with this currently is instantiating the component without the value and onChange props. Unless we required the render prop pass through. (props) => <TextFields {...props} /> or we might be able to do some typescript magic with an interface as I alluded to earlier.

[stramel]

But that’s the issue is the DX isn’t good the way it currently stands.