diff --git a/docs/admin/hooks.mdx b/docs/admin/hooks.mdx
index ff1a7db43..fb5330f3e 100644
--- a/docs/admin/hooks.mdx
+++ b/docs/admin/hooks.mdx
@@ -375,7 +375,7 @@ The `useForm` hook returns an object with the following properties:
       ],
       [
         {
-          value: "**\\\`data<\\\`**",
+          value: "**\\\`data\\\`**",
         },
         {
           value: "The data to add to the row",
@@ -385,8 +385,8 @@ The `useForm` hook returns an object with the following properties:
   />
 
 
-\\\`\\\`\\\`tsx
-  {\\\`import { useForm } from "payload/components/forms";
+\`\`\`tsx
+import { useForm } from "payload/components/forms";
 
 export const CustomArrayManager = () => {
   const { addFieldRow } = useForm()
@@ -409,13 +409,13 @@ export const CustomArrayManager = () => {
       Add Row
     </button>
   )
-}\\\`}
-\\\`\\\`\\\`
+}
+\`\`\`
 
 An example config to go along with the Custom Component
 
-\\\`\\\`\\\`tsx
-{\\\`const ExampleCollection = {
+\`\`\`tsx
+const ExampleCollection = {
   slug: "example-collection",
   fields: [
     {
@@ -438,8 +438,8 @@ An example config to go along with the Custom Component
       },
     },
   ],
-}\\\`}
-\\\`\\\`\\\`
+}
+\`\`\`
 `
       }
     ],
@@ -482,8 +482,8 @@ An example config to go along with the Custom Component
 
 
 
-\\\`\\\`\\\`tsx
-  {\\\`import { useForm } from "payload/components/forms";
+\`\`\`tsx
+import { useForm } from "payload/components/forms";
 
 export const CustomArrayManager = () => {
   const { removeFieldRow } = useForm()
@@ -501,13 +501,13 @@ export const CustomArrayManager = () => {
       Remove Row
     </button>
   )
-}\\\`}
-\\\`\\\`\\\`
+}
+\`\`\`
 
 An example config to go along with the Custom Component
 
-\\\`\\\`\\\`tsx
-{\\\`const ExampleCollection = {
+\`\`\`tsx
+const ExampleCollection = {
   slug: "example-collection",
   fields: [
     {
@@ -530,8 +530,8 @@ An example config to go along with the Custom Component
       },
     },
   ],
-}\\\`}
-\\\`\\\`\\\`
+}
+\`\`\`
 `
       }
     ],
@@ -583,8 +583,8 @@ An example config to go along with the Custom Component
 
 
 
-\\\`\\\`\\\`tsx
-  {\\\`import { useForm } from "payload/components/forms";
+\`\`\`tsx
+import { useForm } from "payload/components/forms";
 
 export const CustomArrayManager = () => {
   const { replaceFieldRow } = useForm()
@@ -607,13 +607,13 @@ export const CustomArrayManager = () => {
       Replace Row
     </button>
   )
-}\\\`}
-\\\`\\\`\\\`
+}
+\`\`\`
 
 An example config to go along with the Custom Component
 
-\\\`\\\`\\\`tsx
-{\\\`const ExampleCollection = {
+\`\`\`tsx
+const ExampleCollection = {
   slug: "example-collection",
   fields: [
     {
@@ -636,9 +636,9 @@ An example config to go along with the Custom Component
       },
     },
   ],
-}\\\`}
-\\\`\\\`\\\`
-         `
+}
+\`\`\`
+`
       }
     ],
   ]}