update doc on useEffect usage

Author: bluebill1049

src/content/docs/formprovider.mdx

@@ -35,12 +35,20 @@ export default function App() {
   const methods = useForm()
 
   const onSubmit = (data) => console.log(data)
+  const { register, reset } = methods;
+
+  useEffect(() => {
+    reset({
+      name: 'data'
+    })
+  }, [reset]); // ❌ never put `methods` as the deps
 
   return (
     <FormProvider {...methods}>
       // pass all methods into the context
       <form onSubmit={methods.handleSubmit(onSubmit)}>
         <NestedInput />
+        <input {...register('name')} />
         <input type="submit" />
       </form>
     </FormProvider>

src/content/docs/useformcontext.mdx

@@ -36,12 +36,20 @@ import { useForm, FormProvider, useFormContext } from "react-hook-form"
 export default function App() {
   const methods = useForm()
   const onSubmit = (data) => console.log(data)
+  const { register, reset } = methods;
+
+  useEffect(() => {
+    reset({
+      name: 'data'
+    })
+  }, [reset]); // ❌ never put `methods` as the deps
 
   return (
     <FormProvider {...methods}>
       // pass all methods into the context
       <form onSubmit={methods.handleSubmit(onSubmit)}>
         <NestedInput />
+        <input {...register('name')} />
         <input type="submit" />
       </form>
     </FormProvider>