diff --git a/mdx-components.tsx b/mdx-components.tsx
new file mode 100644
index 0000000..2fafec0
--- /dev/null
+++ b/mdx-components.tsx
@@ -0,0 +1,11 @@
+'use client'
+
+import { type MDXComponents } from "mdx/types";
+import Image, { type ImageProps } from "next/image";
+
+export function useMDXComponents(components: MDXComponents) {
+  return {
+    ...components,
+    Image: (props: ImageProps) => <Image {...props} />,
+  };
+}