diff --git a/site/components/MdxContent.js b/site/components/MdxContent.js
index ebbebe9..70f985f 100644
--- a/site/components/MdxContent.js
+++ b/site/components/MdxContent.js
@@ -1,11 +1,21 @@
 import React from "react";
 import Head from "next/head";
+import dynamic from "next/dynamic";
 import { useMDXComponent } from "next-contentlayer/hooks";
 
-import useHeadingsObserver from "../hooks/useHeadingsObserver";
-import { Paragraph } from "./Paragraph";
-import { Anchor } from "./Anchor";
 import { Heading } from "./Heading";
+import useHeadingsObserver from "../hooks/useHeadingsObserver";
+
+const Anchor = dynamic(
+  () => import("./Anchor").then((module) => module.Anchor)
+  // {
+  //   ssr: false,
+  // }
+);
+
+const Paragraph = dynamic(() =>
+  import("./Paragraph").then((module) => module.Paragraph)
+);
 
 const MdxContent = ({ body }) => {
   const observer = useHeadingsObserver();