This repository was archived by the owner on Oct 14, 2026. It is now read-only.
Repository navigation
This repository was archived by the owner on Oct 14, 2026. It is now read-only.
error message doesn't seems to work in usefieldarray #90
Description
the error dont appear in error message
not sure if this is an issue but cant figure out an other way
const { fields } = useFieldArray({
name: nameForm,
...methods.control
});
fields.map((field: FieldValues, index: number) => {
const id = '${nameForm}.${index}.checkbox'
return (
<input
{...methods.register(id, { required: required })}
/>
</div>
);
})
<ErrorMessage
errors={errors}
name={nameForm}
render={({ message }) => {
return <div className="text-red-500 text-sm">{message}</div>
}}
/>
Activity
dd8888 commentedon Jan 31, 2023
I got it working by doing this:
simonpeters commentedon Apr 21, 2023
has anyone got this fixed? above solution doesn't work for me.
iamjaydev commentedon Apr 29, 2023
For my case, yup resolver was causing the issue. (I was using
Custom Hook with ResolverShown in this docs )To address the problem,
I switched to using the @hookform/resolvers package.
However, I also discovered that using square brackets instead of a dotted name can resolve the issue.
For example, instead of
test.${index}.lasttname, you can usetest[${index}].lastNamewhen defining the name property for a Controller component.This may be a simpler solution for some cases.
This works because the square brackets align with the name that Yup uses.
Hope it helps someone