Lack of newlines inside components break markdown parsing

[alvarlagerlof]

Lack of newlines inside components break markdown parsing

When using markdown inside a react component that simply outputs its children wrapped in anything (a section, div) the markdown is not converted to the appropriate component.

Your environment

• OS: Fedora 34
• Packages: @mdx-js/loader 1.6.22, @next/mdx 10.2.0, next 10.1.3, react 17.0.2
• Env: Node 14.15.4, yarn 1.22.10, Brave 1.24.86

Steps to reproduce

This works as expected

<Header>

# Title

Text

</Header>

This does not

<Header>
# Title

Text

</Header>

It is also worth noting that placing a space on the empty line about the title also breaks the code in the same way

Expected behaviour

Actual behaviour

[alvarlagerlof]

If there is a good reason for it needing to be this way, I feel like it should be documented early on the website at least.

[ChristianMurphy]

duplicate of #1312 and #1424, this is how MDX 1 works.
This behavior is changed in version 2 as part of #628 you can find more information on the beta here: #1041
improvements to documentation are welcome!