diff --git a/src/content/docs/useform.mdx b/src/content/docs/useform.mdx
index 5ad2aff52..7999930bf 100644
--- a/src/content/docs/useform.mdx
+++ b/src/content/docs/useform.mdx
@@ -494,10 +494,12 @@ const App = () => {
 })
 
 return (
- <form => {
- // handle inputs
- console.log(data);
- })}>
+ <form + => {
+ // handle inputs
+ console.log(data)
+ })}
+>
 <input {...register("name")} />
 <input {...register("age", { valueAsNumber: true })} type="number" />
 <input type="submit" />
@@ -507,27 +509,31 @@ const App = () => {
 ```
 
 ```tsx copy sandbox="https://codesandbox.io/s/react-hook-form-joiresolver-v6-ts-forked-5pseh"
-import { useForm } from "react-hook-form";
-import { joiResolver } from "@hookform/resolvers/joi";
-import Joi from "joi";
+import { useForm } from "react-hook-form"
+import { joiResolver } from "@hookform/resolvers/joi"
+import Joi from "joi"
 
 interface IFormInput {
- name: string;
- age: number;
+ name: string
+ age: number
 }
 
 const schema = Joi.object({
 name: Joi.string().required(),
- age: Joi.number().required()
-});
+ age: Joi.number().required(),
+})
 
 const App = () => {
- const { register, handleSubmit, formState: { errors } } = useForm<iforminput>({
- resolver: joiResolver(schema)
- });
+ const {
+ register,
+ handleSubmit,
+ formState: { errors },
+ } = useForm<iforminput>({
+ resolver: joiResolver(schema),
+ })
 const onSubmit = (data: IFormInput) => {
- console.log(data);
- };
+ console.log(data)
+ }
 
 return (
 <form>
@@ -535,7 +541,7 @@ const App = () => {
 <input type="number" {...register("age")} />
 <input type="submit" />
 </form>
- );
+ )
 }
 ```
 
diff --git a/src/content/docs/useform/handlesubmit.mdx b/src/content/docs/useform/handlesubmit.mdx
index 773641adc..4246c0c81 100644
--- a/src/content/docs/useform/handlesubmit.mdx
+++ b/src/content/docs/useform/handlesubmit.mdx
@@ -66,7 +66,8 @@ type FormValues = {
 export default function App() {
 const { register, handleSubmit } = useForm<formvalues>()
 const onSubmit: SubmitHandler<formvalues> = (data) => console.log(data)
- const onError: SubmitErrorHandler<formvalues> = (errors) => console.log(errors)
+ const onError: SubmitErrorHandler<formvalues> = (errors) =>
+ console.log(errors)
 
 return (
 <form onError)}>
diff --git a/src/content/docs/useform/subscribe.mdx b/src/content/docs/useform/subscribe.mdx
index 86d9fc075..e9c467574 100644
--- a/src/content/docs/useform/subscribe.mdx
+++ b/src/content/docs/useform/subscribe.mdx
@@ -12,19 +12,23 @@ Subscribe to [`formState`](/docs/useform/formState) changes and value updates. Y
 
 ---
 
-&#124; Name &#124; Type &#124; Description &#124; Example &#124;
-&#124; --------- &#124; --------------------------------------------- &#124; ------------------------------------------------------------------- &#124; --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- &#124;
-&#124; name &#124; <typetext>undefined</typetext> &#124; Subscribe to the entire form &#124; `subscribe()` &#124;
-&#124; &#124; <typetext>string[]</typetext> &#124; Subscribe on multiple fields by **name**. &#124; `subscribe({ name: ['firstName', 'lastName'] })` &#124;
-&#124; formState &#124; <typetext>`Partial<readformstate>`</typetext> &#124; Pick which [`formState`](/docs/useform/formState) to be subscribed. &#124; <codearea withOutCopy rawData={`subscribe({ \n formState: { \n values: true, \n isDirty: true, \n dirtyFields: true, \n touchedFields: true, \n isValid: true, \n errors: true, \n defaultValues: true, \n isSubmitted: true \n } \n})`}/> &#124;
-&#124; callback &#124; <typetext>`Function`</typetext> &#124; The callback function for the subscription. &#124; <codearea withOutCopy rawData={`subscribe({ \n formState: { \n values: true \n }, \n callback: ({ values }) => { \n console.log(values) \n } \n})`}/> &#124;
-&#124; exact &#124; <typetext>boolean</typetext> &#124; This prop will enable an exact match for input name subscriptions. &#124; `subscribe({ name: 'target', exact: true })` &#124;
+&#124; Name &#124; Type &#124; Description &#124; Example &#124;
+&#124; --------- &#124; --------------------------------------------- &#124; ------------------------------------------------------------------- &#124; ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ &#124;
+&#124; name &#124; <typetext>undefined</typetext> &#124; Subscribe to the entire form &#124; `subscribe()` &#124;
+&#124; &#124; <typetext>string[]</typetext> &#124; Subscribe on multiple fields by **name**. &#124; `subscribe({ name: ['firstName', 'lastName'] })` &#124;
+&#124; formState &#124; <typetext>`Partial<readformstate>`</typetext> &#124; Pick which [`formState`](/docs/useform/formstate) to be subscribed. &#124; <codearea withOutCopy rawData={`subscribe({ \n formState: { \n values: true, \n isDirty: true, \n dirtyFields: true, \n touchedFields: true, \n isValid: true, \n errors: true, \n validatingFields: true, \n isValidating: true \n } \n})`}/> &#124;
+&#124; callback &#124; <typetext>`Function`</typetext> &#124; The callback function for the subscription. &#124; <codearea withOutCopy rawData={`subscribe({ \n formState: { \n values: true \n }, \n callback: ({ values }) => { \n console.log(values) \n } \n})`}/> &#124;
+&#124; exact &#124; <typetext>boolean</typetext> &#124; This prop will enable an exact match for input name subscriptions. &#124; `subscribe({ name: 'target', exact: true })` &#124;
 
 <admonition type="important" title="Notes">
 
 <ul>
 <li>
- <p>This function is intended for subscribing to changes only; dispatching state updates or triggering re-renders is not allowed. eg `setValue` or `reset`</p>
+ <p>
+ This function is intended for subscribing to changes only; dispatching
+ state updates or triggering re-renders is not allowed. eg `setValue` or
+ `reset`
+ </p>
 </li>
 <li>
 <p>
@@ -64,14 +68,14 @@ export default function App() {
 // make sure to unsubscribe;
 const callback = subscribe({
 formState: {
- values: true
+ values: true,
 },
 callback: ({ values }) => {
- console.log(values);
- }
+ console.log(values)
+ },
 })
 
- return () => callback();
+ return () => callback()
 
 // You can also just return the subscribe
 // return subscribe();
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://patch-diff.githubusercontent.com/raw/react-hook-form/documentation/pull/1162.diff">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://patch-diff.githubusercontent.com/raw/react-hook-form/documentation/pull/1162.diff" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>