diff --git a/pages/changelog.mdx b/pages/changelog.mdx
index 5b617e1..9b7111d 100644
--- a/pages/changelog.mdx
+++ b/pages/changelog.mdx
@@ -1,7 +1,7 @@
 import { getPagesUnderRoute } from "nextra/context";
 import Link from "next/link";
-import { useState, useEffect } from 'react'
-import { ChangelogComponent } from "../components/changelog"
+import dynamic from "next/dynamic";
+import { ChangelogComponent } from "../components/changelog";
 export function ChangelogHeader() {
   return (
     <div className="max-w-screen-lg mx-auto pt-4 pb-8 mb-8 border-b border-gray-400 border-opacity-20 text-center">
@@ -31,10 +31,7 @@ export function ChangelogIndex() {
   });
 
   return pages.map((page) => {
-    const Mdx = dynamic(
-      () => import(`./changelog/${page.name}.mdx`),
-      { ssr: false }
-    )
+    const Mdx = dynamic(() => import(`./changelog/${page.name}.mdx`));
     return (
       <ChangelogComponent
         key={page.frontMatter.title}
@@ -48,7 +45,5 @@ export function ChangelogIndex() {
 
 }
 
-import dynamic from "next/dynamic";
-
 <ChangelogHeader />
 <ChangelogIndex />