diff --git a/components/mdx-client-wrapper.tsx b/components/mdx-client-wrapper.tsx
new file mode 100644
index 0000000..875bcf4
--- /dev/null
+++ b/components/mdx-client-wrapper.tsx
@@ -0,0 +1,8 @@
+'use client'
+
+import { MDXProvider } from '@mdx-js/react'
+import React from 'react'
+
+export default function MDXClientWrapper({ children }: { children: React.ReactNode }) {
+  return <MDXProvider>{children}</MDXProvider>
+}
\ No newline at end of file