docs: fix TS code snippet for MDX example (#57988)

vercel · Dec 22, 2023 · b57a2c8 · b57a2c8
1 parent f999d63
commit b57a2c8
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/docs/02-app/01-building-your-application/07-configuring/05-mdx.mdx b/docs/02-app/01-building-your-application/07-configuring/05-mdx.mdx
@@ -354,7 +354,7 @@ To do this, create a `mdx-components.tsx` file at the root of your application (
 
 ```tsx filename="mdx-components.tsx" switcher
 import type { MDXComponents } from 'mdx/types'
-import Image from 'next/image'
+import Image, { ImageProps } from 'next/image'
 
 // This file allows you to provide custom React components
 // to be used in MDX files. You can import and use any
@@ -369,7 +369,7 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
       <Image
         sizes="100vw"
         style={{ width: '100%', height: 'auto' }}
-        {...props}
+        {...(props as ImageProps)}
       />
     ),
     ...components,