Al tratar de resolver mi propio problema sobre el que pregunté aquí , agregué algunas declaraciones de depuración de la consola:
return ( <Controller control={control} name={name} key={headline + '_' + name + '_' + i} defaultValue='' render={({ field, formState, fieldState }) => { console.log('field is'); console.dir(field, { depth: null}); console.log('formState is'); console.dir(formState, { depth: null}); console.log('fieldState is'); console.dir(fieldState, { depth: null}); return React.cloneElement(item.component, { inputRef: field.ref, error: !!fieldState.error, helperText: fieldState.error?.message, FormHelperTextProps: { error: true } }) }} /> );Si profundizo en lo que eso genera, veo
[Log] field is (src_Login_js.chunk.js, line 395) [Log] Object (src_Login_js.chunk.js, line 396) name: "username" onBlur: function() onChange: function() ref: function() arguments: TypeError: 'arguments', 'callee', and 'caller' cannot be accessed in this context. caller: TypeError: 'arguments', 'callee', and 'caller' cannot be accessed in this context. length: 1 name: "" Function Prototype value: "" Lo que quiero saber es si el contexto se refiere a mi console.log s, o es un error real en los accesorios de representación que debo investigar más a fondo.