Is it safe/ok/good to get the error of a value by name via useController?

[Svish]

I have a component to display the error message of a named field. I used to do it this way:

import { useFormContext, type FieldError, get } from 'react-hook-form';

export default function FormError({ name } : { name: string }): ReactElement {
  // Get the label from our own field context
  const { label } = useFieldContext();

  // Get the errors from the form context state
  const {
    formState: { errors },
  } = useFormContext();

  // Get our specific error based on the name via the `get` function
  const error = get(errors, name) as FieldError | undefined;

  // Get the error message to render, if we have an error
  const message = 
    error == null
      ? null
      : isNotEmpty(error.message)
        ? `"${label}" ${error.message}`
        : error.type;

  // Then render the message, if we have any, with aria-live and all that jazz ...
}

I have now tried to enable the React Compiler on our project, and it seems that this no longer works, probably because the formState and/or errors objects are stable and therefore gets memoized by the compiler.

So, I need an alternative way to get this error, and the simplest way I could think of was to instead do this via useController:

  // Insead of errors, get the control from the form context
  const { control } = useFormContext();

  // Use useController to get our error
  const error = useController({ control, name }).field.error;

  // Continue as before ...
}

Is this a safe/ok/good way to do it? Particularly, is it a problem to use useController in multiple components with the same name?