Field State updates not working without console.log

[whatever010101]

I'm using React Hook Form (v7) with a custom useFormField hook that uses getFieldState. I've noticed that real-time field state updates (like validation states) only work when I include a console.info statement in the hook. Without it, the component doesn't return the correct value for the field states.

Code that doesn't work

function useFormField() {
  const formField = use(FormFieldContext);
  const { id } = use(FormItemContext);
  const { getFieldState } = useFormContext();
  const { invalid, isDirty, error, isValidating, isTouched } = getFieldState(formField.name);
  
  return {
    id,
    name: formField.name,
    invalid,
    isDirty,
    error,
    isValidating,
    isTouched
  };
}

function useFormField() {
  const formField = use(FormFieldContext);
  const { id } = use(FormItemContext);
  const { getFieldState } = useFormContext();
  const { invalid, isDirty, error, isValidating, isTouched } = getFieldState(formField.name);
  
  // Without this console.info, field state updates don't work
  console.info("fieldState", JSON.stringify({ invalid, isDirty, error, isValidating, isTouched }, null, 3));
  
  return {
    id,
    name: formField.name,
    invalid,
    isDirty,
    error,
    isValidating,
    isTouched
  };
}

Why does field state updating depend on console.info, and what's the proper way to handle this? Is this a known issue with React Hook Form's subscription system? I'm really confused. I can't wrap my head around this.