contents of multi line strings get parsed as markdown

[giladv]

osx 10.13
mdx loader 0.16.6
node 9.10

the following will throw an unexpected token error

<MyCodeBlockComp>{`
   some display code

   more display code
`}</MyCodeBlockComp>

this will also happen if the multi line string would be passed as a prop and not as children

internally i can see it tried to wrap the 'more display code' line inside a MDX paragraph although its inside JS string.

if this is by design - how am i suppose to pass multi line strings to components?
let's say a code block component which accepts lines to highlight so i cant use the built in ``` syntax.

[giladv]

hello,
any news regarding this issue?
could understand from #345 the status

also, is there any other option fo multi line content with js?
thanks!

[ChristopherBiscardi]

let's say a code block component which accepts lines to highlight so i cant use the built in ``` syntax.

Without addressing the original multiline-string issue, you can accomplish this with the built-in codeblock syntax. If you write it like:

If you look at the above example, you will end up with a prop named highlight that includes the string 1,4-5,19 as its value. You can then process and highlight as desired with your preferred method (such as prism-react-renderer, etc)

[giladv]

thanks i'll try that

[johno]

Going to close this since we can track the progress of this parsing bug in #195. Thanks for opening up the issue!

[ChristianMurphy]

@Stvad https://github.com/mdx-js/mdx/discussions is a good place to ask questions