diff --git a/src/content/docs/useformcontext.mdx b/src/content/docs/useformcontext.mdx index 5b59d12e9..4f94f56d3 100644 --- a/src/content/docs/useformcontext.mdx +++ b/src/content/docs/useformcontext.mdx @@ -34,6 +34,13 @@ const methods = useFormContext() // retrieve those props You need to wrap your form with the [`FormProvider`](/docs/formprovider) component for `useFormContext` to work properly. + +If you need to subscribe to form state values like `errors`, `isDirty`, or +`dirtyFields` inside a `FormProvider` tree, use +[`useFormState`](/docs/useformstate) instead of destructuring `formState` +from `useFormContext()`. `formState` is wrapped with a Proxy, so you should +read the specific state you want to subscribe to before render. + **Example:**