include carbon

Author: bluebill1049

src/components/Menu/Menu.tsx

@@ -70,6 +70,8 @@ function Menu({ pages = [] }: { pages: Pages }) {
             )
           })}
         </ul>
+
+        <div id="carbon-cover" />
       </div>
     </aside>
   )

src/components/layout.css

@@ -923,3 +923,7 @@ pre[class*="language-"] {
     height: auto;
   }
 }
+
+#carbon-responsive {
+  margin: 0 auto 50px;
+}

src/pages/_document.tsx

@@ -10,9 +10,10 @@ export default function Document() {
           href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css"
         />
         <Script
-          strategy="beforeInteractive"
+          strategy="afterInteractive"
           src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"
         />
+        <Script async strategy="afterInteractive" src="https://cdn.carbonads.com/carbon.js?serve=CW7DTKQ7&placement=react-hook-formcom&format=cover" id="_carbonads_js" />
         <link
           rel="shortcut icon"
           href="/images/logo/react-hook-form-logo-only.png"