Allow empty lines in JS blocks in MDX?

[Paul-Hebert]

It's possible to insert JS blocks at the top of our MDX files. However, if you introduce any empty lines within JS blocks for code organization then they're treated as markdown instead of JS.

There are a few relevant issues that may be worth tracking:

mdx-js/mdx#787
mdx-js/mdx#195

In the meantime I'm curious if anyone has any clever ideas to help handle this.

[Paul-Hebert]

Note how the console.log() line is treated as markdown.

[calebeby]

Here is a fun hack:

You can put export {} on the line before a line you want mdx to interpret as JS

export {}
console.log('hello')

Even more hacky (or equally hacky?)

export console.log('hello')

Not sure if webpack will allow that one though

[Paul-Hebert]

Oh... interesting... I'm not sure how I feel about actually using that but it's good to know!

[spaceninja]

@Paul-Hebert since this is a limitation of MDX with no easy answer beside the workarounds Caleb posted, would you be okay closing this issue?

[Paul-Hebert]

Sure 👍