Seems to break svg's in introduction.stories.mdx file about storybook-addon-next HOT 1 CLOSED

Thanks for opening the issue!

It turns out that this is expected behavior.

Before storybook-addon-next, image imports just imported the raw path to the image (e.g. 'static/media/stories/assets/plugin.svg'). When using storybook-addon-next image imports work the "next.js way" meaning that we now get an object when we import an image. For example:

{
  "src": "static/media/stories/assets/plugin.svg",
  "height": 48,
  "width": 48,
  "blurDataURL": "static/media/stories/assets/plugin.svg"
}

If you really want to use the raw image tag, you can use the src property instead. To borrow from the boilerplate mdx file that storybook uses:
From:

<img src={Plugin} alt="plugin" />

To:

<img src={Plugin.src} alt="plugin" />

from storybook-addon-next.