Как записать свой ref вместе с ref react-hook-form?

В документации сказано, что можно записать свой ref вместе с ref react-hook-form. https://www.react-hook-form.com/faqs/#Howtosharerefusage

Создал { ref, ...rest } и записал туда нужные инпуты.

    const { ref, ...rest } = {
    ...register("email", { required: true }),
    ...register("password", { required: true, maxLength: 32 }),
  };

В инпуте замени ...register на {...rest} и записал в ref свой ref и ref react-hook-form

<input
  // {...register("email", { required: true })}
  {...rest}
  className={`input-group-box-input ${errors?.email ? "error" : ""}`}
  name="email"
  type="email"
  id="email"
  ref={(e) => {
     ref(e);
     emailRef.current = e;
   }}
/>

В объекте errors вижу что в пунке ref записан только password, а email пустой. введите сюда описание изображения

Как можно записать несколько своих ref вместе с ref react-hook-form? https://codesandbox.io/s/zen-joji-18wbnf?file=/src/App.js


Ответы (0 шт):