From ebcfc518034e40677c65a621f1f03291ab847ee7 Mon Sep 17 00:00:00 2001
From: Margo <m.yunanova@gmail.com>
Date: Thu, 24 Aug 2023 10:00:12 +0300
Subject: [PATCH] [#402] Blog: fix yarn run dev

---
 apps/blog/src/components/Mdx/Mdx.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/blog/src/components/Mdx/Mdx.tsx b/apps/blog/src/components/Mdx/Mdx.tsx
index 58102c45..71ef1146 100644
--- 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>
   )
 }