[v2] Lines beginning with `~` inside a JSX block fail to parse

While using MDX v2.0.0-next.8, it appears that lines beginning with ~ fail to parse when the text is nested inside a JSX block. An error is thrown when the parser tries to parse it:

Unexpected end of file in code, expected a corresponding fence for `~`

Steps to reproduce

You can reproduce this while using the playground and copying this sample code:

<div>
  ~/.newrelic
</div>

Notice that be removing the <div> , it is able to parse correctly. I am using the following minimal unified setup to reproduce this:

const mdx = require('remark-mdx');
const parse = require('remark-parse');
const unified = require('unified');

const tree = unified().use(parse).use(mdx).parse(`
<div>
  ~/.newrelic
</div>
`);

Removing the remark-mdx plugin parses the tree without error, albeit with html nodes instead of the additional parsed nodes provided by remark-mdx.

Expected behaviour

I would expect this to only try and the parse the text as a code block inside JSX nodes when there are 3 or more ~ characters.

[jerelmiller]

Oh totally! I’d be happy to use the workaround until this has been updated. I’ll keep tabs on the rewrite of the parser. Thanks for the update!

[wooorm]

Closing as this was reported a bit earlier here: #1238. We can discuss there.