diff --git a/src/content/docs/usecontroller/controller.mdx b/src/content/docs/usecontroller/controller.mdx
index 1d9d010bc..54c0c3c0e 100644
--- a/src/content/docs/usecontroller/controller.mdx
+++ b/src/content/docs/usecontroller/controller.mdx
@@ -8,6 +8,8 @@ sidebar: apiLinks
 
 React Hook Form embraces uncontrolled components and native inputs, however it's hard to avoid working with external controlled component such as [React-Select](https://github.com/JedWatson/react-select), [AntD](https://github.com/ant-design/ant-design) and [MUI](https://mui.com/). This wrapper component will make it easier for you to work with them.
 
+**Note:** if you simply want to control a field's value from outside the form, it's not necessary to use `Controller`. You can simply use the [`values`](/docs/useform#values) option of `useForm`.
+
 ### Props
 
 ---
diff --git a/src/data/api.tsx b/src/data/api.tsx
index 2b49afe99..5beca204d 100644
--- a/src/data/api.tsx
+++ b/src/data/api.tsx
@@ -787,11 +787,7 @@ setValue('test', '')
         Set to <code>true</code> during validation.
       </>
     ),
-    validatingFields: (
-      <>
-        Capture fields which are getting async validation.
-      </>
-    ),
+    validatingFields: <>Capture fields which are getting async validation.</>,
   },
   errors: {
     title: "errors",
@@ -2936,6 +2932,15 @@ const { field: checkbox } = useController({ name: 'test1' })
           <code>Controller</code>. It's useful for creating reusable Controlled
           input.
         </p>
+        <p>
+          <strong>Note:</strong> if you simply want to control a field's value
+          from outside the form, it's not necessary to use{" "}
+          <code>useController</code>. You can simply use the{" "}
+          <Link href="/docs/useform#values">
+            <code>values</code>
+          </Link>{" "}
+          option of <code>useForm</code>.
+        </p>
       </>
     ),
   },