MDX in parcel2 with typescript

[sbauch]

I'm wanting to add some MDX based blog posts to my typescript react project built with parcel2.

It feels like this should be well-supported but I can't figure out the babel side I think?

I just added an MDX file per that project's example, and imported it. Parcel took care of installing @parcel/transformer-mdx for me.

But then I get some errors that I think are more babel related? It feels like I need to instruct babel to pick up the result of the mdx transform? very stuck, help much much appreciated. I've tried adding a .babelrc but i've tried 100 random things im really just guessing.

Does nayone have an example of Parcel2 with MDX, typescript and react?

🚨 Build failed.
@parcel/transformer-js: This experimental syntax requires enabling one of the following parser plugin(s): 'jsx, flow, typescript' (8:9)
SyntaxError: This experimental syntax requires enabling one of the following parser plugin(s): 'jsx, flow, typescript' (8:9)
    at Parser._raise (/Users/samuelsbauch/Code/cryptorchids/node_modules/@babel/parser/lib/index.js:775:17)
    at Parser.raiseWithData (/Users/samuelsbauch/Code/cryptorchids/node_modules/@babel/parser/lib/index.js:768:17)
    at Parser.expectOnePlugin (/Users/samuelsbauch/Code/cryptorchids/node_modules/@babel/parser/lib/index.js:9731:18)
    at Parser.parseExprAtom (/Users/samuelsbauch/Code/cryptorchids/node_modules/@babel/parser/lib/index.js:11106:22)
    at Parser.parseExprSubscripts (/Users/samuelsbauch/Code/cryptorchids/node_modules/@babel/parser/lib/index.js:10689:23)
    at Parser.parseUpdate (/Users/samuelsbauch/Code/cryptorchids/node_modules/@babel/parser/lib/index.js:10669:21)
    at Parser.parseMaybeUnary (/Users/samuelsbauch/Code/cryptorchids/node_modules/@babel/parser/lib/index.js:10647:23)
    at Parser.parseExprOps (/Users/samuelsbauch/Code/cryptorchids/node_modules/@babel/parser/lib/index.js:10504:23)
    at Parser.parseMaybeConditional (/Users/samuelsbauch/Code/cryptorchids/node_modules/@babel/parser/lib/index.js:10478:23)
    at Parser.parseMaybeAssign (/Users/samuelsbauch/Code/cryptorchids/node_modules/@babel/parser/lib/index.js:10441:21)
/Users/samuelsbauch/Code/cryptorchids/src/blog/LaunchDay/index.mdx:8:9
   7 | export function LaunchDay() {
>  8 |   return <div style={{
>    |         ^
   9 |     padding: 20,
  10 |     backgroundColor: 'tomato'

[TechQuery]

You can use my plugin for MDX 3: https://github.com/EasyWebApp/Parcel-transformer-MDX