Mermaid import tag shown at top of page (as plain text)

[a3957273]

Describe the bug
As of version 1.3.2 mdx-mermaid appears to show the import tag when using NextJS. This error does not occur on mdx-mermaid version 1.2.3.

To Reproduce

// next.config.js
import nextMDX from '@next/mdx'
import remarkMermaid from 'mdx-mermaid'


const withMDX = nextMDX({
  extension: /\.mdx?$/,
  options: {
    remarkPlugins: [remarkMermaid],
    rehypePlugins: [],
  },
})

export default withMDX({
    pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'],
})

// example.mdx
# Test header

Expected behavior
MDX import is not shown at top of screen.

Screenshots

Tool chain used:
NextJS 12

[olayway]

I'm having the same issue. @a3957273 have you found any solution or workaround?

[olayway]

Prerelease v2.0.0-rc7 seems to fix the issue.