Как связать react-hook-form и react-input mask?

Question

[San Manjiro]

Вот код:

<IMaskInput
    type='text'
    mask={reGex}
    lazy={false}
    placeholder="Фамилия"
    unmask={true}
    value={lastName}
    onAccept={ (event) => handlerLastName(event) }
>
    {(register) => (
       <input
          {...register("lastName", {
                required: true,
                minLength: {
                     value: 2,
                     message: "*Минимум 2 символа"
                },
                 maxLength: {
                      value: 30,
                      message: "*Не больше 30 символов"
                  },
                  onChange: (event) => handlerLastName(event.target.value)
             })}
           />
         )}
</IMaskInput>

Не понимаю в чем проблема, вылезает ошибка с дочерним элементом:

Uncaught Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.

Answer 1

[Edymov]

Очевидно, input одиночный элемент и не может в себе children содержать

Comments

[r4gn4r0k]

И что делать?