ForwardRef issue when using <Controller>

Describe the bug After updating to 6.11.0 I am facing an issue when I am using <Controller>

To Reproduce Steps to reproduce the behavior:

1. Go to ‘https://codesandbox.io/s/react-hook-form-controller-forked-drdv2?file=/package.json’
2. Click on ‘open console’
3. Scroll down to ‘…’
4. Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Codesandbox link (Required) https://codesandbox.io/s/react-hook-form-controller-forked-drdv2?file=/package.json

Screenshots If applicable, add screenshots to help explain your problem.

[tafelito]

@bluebill1049 this does not work when using the as prop of the Controller

I updated your example, you can see the error there

https://codesandbox.io/s/wandering-wood-bcmm7?file=/src/App.tsx

[bluebill1049]

Controller now has ref prop for better focus management and accessibility. eg now React-Select works out the box with auto focus.

https://codesandbox.io/s/focused-sammet-tr193

<Controller
  control={control}
  name="test"
  render={({ onChange, onBlur, value, name, ref }) => (
    <TextField
      onBlur={onBlur}
      onChange={onChange}
      checked={value}
      inputRef={ref}
    />
  )}
/>

it’s best to wire up the ref yourself, eg: TextField could be inputRef so we can focus that input when an error occurred, or you can omit that ref prop.