Backslash doesn't insert a br

[alexandernanberg]

Subject of the issue

I've been using \ for new lines in my markdown files and it worked great with rehype etc. Migrated to MDX and noticed it didn't work the same way. Not 100% sure if this is a standard way of inserting new lines or not.

Your environment

• MacOS 10.14.1
• @mdx-js/mdx @ 0.18.1
• Node @ v10.15.0

Steps to reproduce

(async () => {
  const result = await mdx(`
# Hello, MDX

**Hello**\
I <3 Markdown and JSX
`)
  console.log(result)
})()

Expected behaviour

Backslash (\) should be converted to a <br/> element

Actual behaviour

It's just omitted

[wooorm]

Did you try passing commonmark: true? That should be needed with just remark as well.

It seems it’s passed down to remark-parse btw

[alexandernanberg]

I suppose you mean like this?

const result = await mdx(
  `
# Hello, MDX

**Hello**\ 
I <3 Markdown and JSX
`,
  {
    commonmark: true,
  },
)

Same output when trying that

[alexandernanberg]

Did some digging and I think this is the cause. Not sure how to solve it though

[wooorm]

That could be it!

Or maybe because you use a slash in a template literal:

console.log(`a\
b`)
//=> 'ab'

[alexandernanberg]

Oh my bad, had no idea that backslash didn't work in template strings. Adding commonmark: true in my gatsby-mdx options solved it for me!