diff --git a/packages/template/package.json b/packages/template/package.json
index 86bf6b14b..f94ef86c9 100644
--- a/packages/template/package.json
+++ b/packages/template/package.json
@@ -51,7 +51,6 @@
     "tailwindcss": "^3.1.8"
   },
   "overrides": {
-    "mermaid": "9.3.0",
     "contentlayer": {
       "@opentelemetry/api": "1.4.0"
     }
diff --git a/packages/template/pages/[[...slug]].tsx b/packages/template/pages/[[...slug]].tsx
index 980100a5d..91b176f58 100644
--- a/packages/template/pages/[[...slug]].tsx
+++ b/packages/template/pages/[[...slug]].tsx
@@ -10,9 +10,6 @@ import { getAuthorsDetails } from "../lib/getAuthorsDetails";
 import layouts from "../layouts";
 import { siteConfig } from "../config/siteConfig";
 
-// import type { MermaidProps } from "mdx-mermaid/lib/Mermaid";
-// const Mermaid = dynamic(() => import("mdx-mermaid/lib/Mermaid").then((res) => res.Mermaid), { ssr: false })
-
 // workaround solution to allow importing components
 // that import from "next" package (e.g. next/link) in MDX pages
 // more info: https://github.com/contentlayerdev/contentlayer/issues/288