error message doesn't seems to work in usefieldarray about error-message HOT 3 OPEN

I got it working by doing this:

 <ErrorMessage
        errors={methods.formState.errors}
        name={`${name}.root`} <-- This is important
        render={({ message, messages }) => {
          return (
            <span >
              {message}
            </span>
          );
        }}
      />

from error-message.

has anyone got this fixed? above solution doesn't work for me.

from error-message.

For my case, yup resolver was causing the issue. (I was using Custom Hook with Resolver Shown 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 use test[${index}].lastName when 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

from error-message.