Integrate intl-tel-input React component with React Hook Form Controller wrapper

[ibarral]

Hello!

It's possible to integrate the intl-tel-input React Component (https://intl-tel-input.com/examples/react-component.html) with React Hook Form Controller (https://react-hook-form.com/docs/usecontroller/controller) so when there is an error on the form it focus on the telephone form field using TypeScript?

I have tried passing the React Hook Form Controller ref to the IntlTelInput component but it fails with a "TypeError: elm.focus is not a function".

I also tried passing the ref on the inputProps attributes like this:

<IntlTelInput
  inputProps={{
    ref: inputRef,
    ...
  })
/>

And the focus works ok, but breaks the IntlTelInput UI (disapear flags and all the UI elements).

Thanks!