Unformatted mdx doesn't work

[fawazahmed0]

Initial checklist

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

Affected packages and versions

2.1.1

Link to runnable example

No response

Steps to reproduce

The below doesn't work in mdx

  <div>Hello world
  </div>

But this works fine

  <div>
Hello world
  </div>

You can test on playground

Expected behavior

Unformatted mdx should work fine

Actual behavior

Unformatted mdx doesn't work

Runtime

No response

Package manager

No response

OS

No response

Build and bundle tools

No response

[ChristianMurphy]

In MDX JSX content can either be inline

  <div>Hello world</div>

or a block

  <div>
    Hello world
  </div>

Content cannot be a mix of both.
The syntax error is expected in this case.

  <div>Hello world
  </div>

[fawazahmed0]

I had huge number of mdx files, which were generated using a script.

If anyone faces similar issue as mine , you can use prettier to format mdx.

npx prettier --write pathToMDXFolder

or

const prettier = require("prettier")
let prettifiedMDX = prettier.format( mdxString,{  parser: "mdx" });

Thanks