Para validar el formulario, decidí usar la biblioteca react-hook-form, cuando selecciona el apellido en la entrada en la consola, ocurre un error como en la captura de pantalla. La entrada en sí es una biblioteca de datos y prescribo todos los atributos necesarios para la forma de gancho de reacción al componente, creo que es por eso que ocurre el error, ¿qué debo hacer? ¿Y cómo se puede solucionar esto? Eliminé toda la parte sin importancia del código si eso.

captura de pantalla de error

 export default function Fio () { const { register, formState: { errors } } = useForm(); const [value, setValue] = useState(); return ( <> <span id="FIO">ФИО</span> <FioSuggestions token={token} value={value} onChange={setValue} {...register( "fio",{required: true})}/><br/> <div style={{height: 40}}> {errors?.fio && <p>Error</p>} </div> </> ) }

 export default function Form () { const {handleSubmit} = useForm(); const onSubmit = (data) => { alert(JSON.stringify(data)) } return( <form id="formAdv" onSubmit={handleSubmit(onSubmit)}> <Fio/> <Birthday/><br/> <Phone/><br/> <label> <input type="radio" name="gender" value="MALE" /> Мужчина <input type="radio" name="gender" value="FEMALE" /> Женщина </label><br/> <Multiselector/><br/> <Selector/><br/> <label> <input type="checkbox"/> Не отправлять СМС. </label><br/> <input type="submit"/> </form> ) }