diff --git a/apps/docs/mdx-components.tsx b/apps/docs/mdx-components.tsx
new file mode 100644
index 0000000..03e51ac
--- /dev/null
+++ b/apps/docs/mdx-components.tsx
@@ -0,0 +1,11 @@
+import { useMDXComponents as getThemeComponents } from "nextra-theme-docs";
+import type { MDXComponents } from "nextra/mdx-components";
+
+const themeComponents = getThemeComponents();
+
+export function useMDXComponents(components: MDXComponents = {}): MDXComponents {
+  return {
+    ...themeComponents,
+    ...components,
+  };
+}