Как передать свой ref в react-hook-form?

Question

[Alexander]

Как передать свой ref в react-hook-form?
Изначально у меня был свой ref для input, но когда поключил react-hook-form столкнулся со следущей проблемой
Как объединить два ref в одном input, и также в onBlur передать еще свой коллбэк?
Буду благодарен за ответ

const Field = React.forwardRef<any, IField>(({ name, onChange, onBlur, value, type = 'text', label, icon }, ref) => {
  const [isActive, setActive] = React.useState<boolean>(false)
  console.log(ref.length)

  const inputRef = React.useRef<HTMLInputElement>(null)

  const onBlurHandler = () => {
    if (inputRef.current && inputRef.current.value.trim() != '') {
      setActive(true)
    } else {
      setActive(false)
    }
  }

  return (
    <FieldBox>
      <Input ref={ref} isActive={isActive} onBlur={onBlurHandler} type='text' name='telegram' id='telegram' />
      <Label>
        {icon}
        {label}
      </Label>
      <Error />
    </FieldBox>
  )
})