Set error with FieldArray and FormContext

[tschumpr]

I'm working on a form with a field array. It is not mandatory to add an entry to the field array but if an entry is added, then the first value of this entry is mandatory (see Parameter in screenshot). The values are set and updated correctly and formState.isValid shows the correct result. However, when I add a new entry with append I want the FormSelect to have a red background as it is still empty and thus invalid. I use the same FormSelect outside of the FieldArray where it works as desired (see Reliability of data in screenshot).

When I logged the formState within FormSelect I noted that it lists no error for the Parameter field, so I've tried adding formMethods.trigger() once after append and once within

 useEffect(() => {
    var currentUnits = {};
    formMethods.getValues()["hydrotestResults"].forEach((element, index) => {
      currentUnits = {
        ...currentUnits,
        [index]: getParameterUnit(element.parameterId),
      };
    });
    setUnits(currentUnits);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [formMethods.getValues()["hydrotestResults"]]);

unfortunately without success (I did not commit these changes as they didn't help).

I've also tried to add a Controller around the FormField of FormSelect (like I did in FormMultiSelect but this also didn't help.

Any input on how I could fix this problem would be greatly appreciated. Thanks!