MDX with next/image and zoom

mdx-image.js

import Image from 'next/image';
import Zoom from 'react-medium-image-zoom'

const MyImage = (props) => {
  return (
    <Zoom>
      <Image
        src={props.src}
        alt={props.alt}
        width={props.width}
        height={props.height}
       />
    </Zoom>
  )
}

const MDXComponents = {
  img: MyImage,
};