Im not understanding watch, as it's not triggering re-renders in my case

[Mautriz]

What happened is that I have a complex form, the form is instantiated in a context

The value of the context doesn't change over time -> it doesn't trigger re-renders on its utilizers

What I would expect is that when calling watch in a subcomponent, that subcomponent will re-render itself on value changes, however, that is not happening

  const {
    form: { watch, control },
  } = useFlag(); // this is a context

  console.log('RE-RENDER', watch('enabled')); // This doesn't trigger on value change

    // same component
    <Controller
      control={control}
      name="enabled"
      render={({ field: { onChange, value } }) => (
        <Switch id="enable-feature-flag" checked={value} onCheckedChange={onChange} />
      )}
    />

I am missing something ??

[Mautriz]

Any help please ? I've worked around this by just rerendering the complete subtree of the form on every value change, but thats very suboptimal