Using https://mdxjs.com/playground/ to help debug mdx errors

[rufuspollock]

See my walkthrough: https://www.loom.com/share/470d0788703541b2a5d843950ffc1409?sid=199096b5-5e76-427a-a4eb-b55da59a64a9

I walk through debugging an MDX parse error.

I discover that using the MDX Playground can simplify the process of identifying and fixing errors.

I suggest we consider adding clearer instructions for troubleshooting in our documentation.

Please take a look and let me know your thoughts on this approach!

[olayway]

One thing that we could do for sure is to make the error message display in a more readable way, and a sentence or two on how to read it (e.g. mention that the error shows line and it's number where the error occured...).

[olayway]

Ok, I've improved it a bit so that the error message is wrapped at newlines.

From this:

To this:

[olayway]

And if you go to the link provided at the bottom, you'll find info on that exact error in there: Could not parse expression with acorn https://mdxjs.com/docs/troubleshooting-mdx/#could-not-parse-expression-with-acorn-error

[rufuspollock]

Migrated to issue with proposed solution: #823