Leading spaces in multi line props are getting removed

[GiyoMoon]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and discussions and couldn’t find anything (or linked relevant results below)

Affected package

@mdx-js/[email protected]

Steps to reproduce

• Go to the mdx playground and paste this code:

<MyComponent code={`
No space leading 
  Two spaces leading 
    Four spaces leading
  Two spaces leading
No space leading
`} />

• Select "show: compiled code"
• see how 2 spaces got stripped off on every line in the multi line prop
  

Actual behavior

mdx seems to strip off 2 spaces of every line in multi line props.

Expected behavior

Spaces should be preserved in multiline props. I noticed this when using mdx with astro and opened an issue there first, but it seems to be a general issue with mdx.

Runtime

playground version

Package manager

playground version

Operating system

playground version

Build and bundle tools

other (please specify in steps to reproduce)

[wooorm]

Hi! This is intentional. One level of spaces is eaten. Add more.

[wooorm]

There was a similar issue 2 months ago or so but I can’t find it.

In short the reasoning: markdown is a whitespace sensitive language. Whitespace has meaning. You will use spaces to indent things whether you like it or not. We will have to deal with indents whether we like it or not. The most reasonable system thus is to allow a level of indent.

A complex scenario to illustrate is:

> *  <MyComponent
      code={`
    a
     b
      c
       d
        e`}
     />

What is the most reasonable?

I think this current rule is as reasonable enough as any / more reasonable than some