diff --git a/website/components/mdxComponents.tsx b/website/components/mdxComponents.tsx
new file mode 100644
index 000000000..504b76f43
--- /dev/null
+++ b/website/components/mdxComponents.tsx
@@ -0,0 +1,3 @@
+const mdxComponents = {}
+
+export default mdxComponents
diff --git a/website/pages/_app.tsx b/website/pages/_app.tsx
index 50c2da4c7..eb00ceb50 100644
--- a/website/pages/_app.tsx
+++ b/website/pages/_app.tsx
@@ -1,5 +1,11 @@
 import type { AppProps } from 'next/app'
+import { MDXProvider } from '@mdx-js/react'
+import mdxComponents from '../components/mdxComponents'
 
 export default function App({ Component, pageProps }: AppProps) {
-    return <Component {...pageProps} />
+    return (
+        <MDXProvider components={mdxComponents}>
+            <Component {...pageProps} />
+        </MDXProvider>
+    )
 }