Receiving a warning when not passing a ref with controlled component

Describe the bug I am trying to integrate react hook form with Headless UI Select Component This component is built from scratch, It doesn’t have an underlying native html select tag, I guess. So, I don’t have access to a ref. It only exposes onChange and value (API Reference).

I am using the hook form Controller to wrap a custom select like this

<Controller
  name='year'
  control={control}
  render={({ field }) => {
    return (
      <CustomSelect
        value={field.value}
        onChange={(value)=> field.onChange(value)}
        label='Year'
        className='mt-5 sm:flex-1'
        options={[
          {
            value: 1,
            text: 'First Year',
          },
          {
            value: 2,
            text: 'Second Year',
          },
        ]}
      />
    );
  }}
/>

I think everything is working just fine except that I receive this warning in chrome devtools

Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Check the render method of `Controller`.
    at CustomSelect (http://localhost:3000/_next/static/chunks/pages/create-profile.js?ts=1620420857237:473:22)
    at Controller (http://localhost:3000/_next/static/chunks/pages/create-profile.js?ts=1620420857237:40059:37)
    at form
    at div
    at div
    at main
    at div
    at CreateProfile (http://localhost:3000/_next/static/chunks/pages/create-profile.js?ts=1620420857237:46240:81)
    ....

I think that you require passing ref in controlled components for things like focusing the component. I don’t really need this and also this component doesn’t support that, I guess.

To Reproduce Use headless UI select component with hook form

[coolRoger]

Thank you for the reply @bluebill1049, and I checked out the source code of mantine:

The prop elementRef defined as elementRef?: React.ForwardedRef<HTMLInputElement>;, so I think it is doing the same thing like ref that keeps focus management to work.

[ahmedosama7450]

The issue template is not very applicable here!