[MemeBattle#402] Blog: fix yarn run dev

margo-yunanova · Aug 24, 2023 · ebcfc51 · ebcfc51
1 parent 83523b3
commit ebcfc51
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/apps/blog/src/components/Mdx/Mdx.tsx b/apps/blog/src/components/Mdx/Mdx.tsx
@@ -1,4 +1,5 @@
-import Image from 'next/image'
+import type { ImageProps } from 'next/image'
+import NextImage from 'next/image'
 import { useMDXComponent } from 'next-contentlayer/hooks'
 import InstagramPost from '../InstagramPost'
 
@@ -11,7 +12,7 @@ export function Mdx({ code }: MdxProps) {
 
   return (
     <article className="prose lg:prose-xl">
-      <Component components={{ Image, InstagramPost }} />
+      <Component components={{ Image: (props: ImageProps) => <NextImage {...props} />, InstagramPost }} />
     </article>
   )
 }