Weird output on using Nextjs <Link>

[khattakdev]

Subject of the issue

Styling doesn't work if you use next/link in .mdx file without adding any normal words before <Link... Here's an example

This works

But this doesn't work

Your environment

• OS: Microsoft Windows 10
• Packages:

  "@mapbox/rehype-prism": "0.3.1",
  "@mdx-js/loader": "0.20.3",
  "@mdx-js/mdx": "0.20.3",
  "@mdx-js/tag": "0.20.3",
  "@next/bundle-analyzer": "9.1.4",
  "@next/mdx": "8.1.0",

• Env: Node v12.18.3, NPM v6.14.6, Chrome v84

Steps to reproduce

• Clone the repo
• Go to pages/learn/basics/create-nextjs-app/index.mdx (or any other .mdx file)
• Add the following code

  import Link from 'next/link'
  <Link href="/"><a>**example**</a></Link>. 

Expected behaviour

Styling should Work Properly

Actual behaviour

Styling doesn't work on that line

[johno]

He @eKhattak, thanks for opening up an issue! This is a result of the v1 parser thinking that the entire block is JSX when a line begins with JSX. You'd need to add a space before your Link to trigger the inline tokenization. This is something that will be fixed in v2 (#1077).

Since it's not something we plan on fixing in v1, and is fixed in v2 (which has a canary release), I'm going to close this issue.