reason for "end-tag-mismatch" error

[stefanprobst]

hi, i am getting an error with the following simple input, and it's not really clear to me why:

import { compile } from "@mdx-js/mdx";

const input = `<p>
&nbsp;</p>`;

const out = await compile(input);

could someone explain? thanks!

interestingly, when i remove nbsp; there is no error.

[ChristianMurphy]

See #2181 and #2053
To repeat:

MDX embedded JSX can be inline:

<p>text</p>

Or MDX embedded JSX can be a block

<p>
  text
</p>

both of the above are valid.

---

Content cannot mix inline and block with the same tag, such as:

<p>text
</p>

or

<p>
text</p>

both of the above are invalid