improve isReady formState

Author: bluebill1049

src/content/docs/useform/formstate.mdx

@@ -33,7 +33,7 @@ This object contains information about the entire form state. It helps you to ke
 | `validatingFields`   | <TypeText>object</TypeText>  | Capture fields which are getting async validation.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
 | `errors`             | <TypeText>object</TypeText>  | An object with field errors. There is also an [ErrorMessage](/docs/useformstate/errormessage) component to retrieve error message easily.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
 | `disabled`           | <TypeText>boolean</TypeText> | Set to true if the form is disabled via the disabled prop in [useForm](/docs/useform).                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
-| `isReady`            | <TypeText>boolean</TypeText> | Set to true when `formState` subscription setup is ready. <CodeArea withOutCopy rawData={`const {\n setValue,\n formState: { isReady }\n} = useForm();\n\nuseEffect(() => isReady && setValue('test', 'data'), [isReady])`}/>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| `isReady`            | <TypeText>boolean</TypeText> | Set to true when `formState` subscription setup is ready. <ul><li><p>Renders children before the parent completes setup. If you're using `useForm` methods (eg. `setValue`) in a child before the subscription is ready, it can cause issues. Use an `isReady` flag to ensure the form is initialized before updating state from the child.</p><CodeArea withOutCopy rawData={`const {\n setValue,\n formState: { isReady }\n} = useForm();\n\n// Parent component: ✅ \nuseEffect(() => isReady && setValue('test', 'data'), []) \n\n// Children component: ✅ \nuseEffect(() => isReady && setValue('test', 'data'), [isReady])`}/></li></ul>                                                                                                                                                        |
 
 <Admonition type="important" title="Rules">