Access current ref of fieldState error

[timheerwagen]

Hi, I want to access the ref of a component that contains an error to check if a parent element contains it to display the error status on the parent element.

Working Example without rhf:

const ref = useRef()
const innerRef = useRef()

const isContained = ref.current.contains(innerRef.current) // <== true

return (
<div ref={ref}>
 <div>
  <button ref={innerRef}>Nested</button>
 </div>
</div>)

I can't seem to find a reference in rhf that contains the node.

Not working with rhf:

const {control,handleSubmit,formState} = useForm()

const ref = useRef()

const isContained = ref.current.contains(formState.errors[1]?.ref) // <== wrong

return (
<div ref={ref}>
 <Form handleSubmit={handleSubmit} onSubmit={()=>null}>
  <Input control={control} name="Test" label="Test" required />
  <Input control={control} name="Test2" label="Test2" required />
 </Form>
</div>)

formState.errors[1]?.ref contains only focus, select... but not the node.
Am I missing something here or is there another way for the desired behavior?