diff --git a/app/posts/[slug]/page.tsx b/app/posts/[slug]/page.tsx
index 616e70f..2939c43 100644
--- a/app/posts/[slug]/page.tsx
+++ b/app/posts/[slug]/page.tsx
@@ -1,6 +1,6 @@
 import { notFound } from 'next/navigation'
 import { MDXRemote } from 'next-mdx-remote/rsc'
-import { useMDXComponents } from '@/mdx-components'
+import { getMDXComponents } from '@/mdx-components'
 import remarkMath from 'remark-math'
 import remarkGfm from 'remark-gfm'
 import smartypants from 'remark-smartypants'
@@ -64,7 +64,7 @@ export default async function PostPage({ params }: { params: Promise<{ slug: str
             <div className="prose prose-lg max-w-none">
               <MDXRemote
                 source={post.source}
-                components={useMDXComponents({})}
+                components={getMDXComponents({})}
                 options={{
                   mdxOptions: {
                     remarkPlugins: [smartypants, remarkMath, remarkGfm],
diff --git a/mdx-components.tsx b/mdx-components.tsx
index a60028e..79e75a0 100644
--- a/mdx-components.tsx
+++ b/mdx-components.tsx
@@ -1,6 +1,6 @@
 import type { MDXComponents } from 'mdx/types'
 
-export function useMDXComponents(components: MDXComponents): MDXComponents {
+export function getMDXComponents(components: MDXComponents): MDXComponents {
   return {
     ...components,
     // Typography