De acuerdo con la documentación de react-hook-form, puedo usar el nombre del elemento de entrada como este «xxx.yyy» y esto dará como resultado que mis datos preparados sean

{ xxx: { yyy: value }} 

Pero cuando trato de usar esta función con ‘errores’ no puedo usarla. es decir, no puedo escribir a continuación:

 {errors.xxx.yyy {amp}amp;{amp}amp; {amp}lt;span{amp}gt;This field is required{amp}lt;/span{amp}gt;} 

porque me sale «No se puede leer la propiedad ‘aaa’ de indefinido».

La documentación dice que debería usar este operador de encadenamiento,. así que lo intento

 {errors?.xxx?.yyy {amp}amp;{amp}amp; {amp}lt;span{amp}gt;This field is required{amp}lt;/span{amp}gt;} 

Pero no se muestra nada en la página si se omite la entrada requerida. Puedo ver que el mecanismo bloquea el envío del formulario hasta que escribo algo en este campo, eso está bien, pero ¿por qué no recibo el mensaje de error en la página?

Ok, encontré la respuesta yo mismo. Debería usar este formulario:

{errores [‘xxx.yyy’] {amp}amp;{amp}amp; Este campo es obligatorio}

Entonces todo funciona :-)