Suponga que hizo un formulario usando react-hook-form

 import { useForm } from "react-hook-form"; export default function someComponent() { const { register, handleSubmit, formState: { errors } } = useForm(); const onSubmit = data => console.log(data); return ( <form onSubmit={handleSubmit(onSubmit)}> <label htmlFor="name">Name</label> <input id="name" {...register('name', { required: true, maxLength: 30 })} /> {errors.name && errors.name.type === "required" && <span>This is required</span>} {errors.name && errors.name.type === "maxLength" && <span>Max length exceeded</span> } <input type="submit" /> </form> ); }

En este componente, si queremos agregar más tarde alguna validación personalizada al campo de nombre fuera de este componente, tal vez algún contenedor que use este componente, ¿hay alguna forma de hacerlo? como useFormContext o algo? (NOTA: no podemos cambiar este componente)