Test with new jsx automatic transform

[itsdouges]

Currently unsure if we need to do anything to make it work.

[karlhorky]

You will need to use @jsxImportSource instead of @jsx and @jsxFrag.

Also, if you don't have the following exports, then you will need them:

• jsx
• jsxs
• jsxDEV
• createElement

Source: emotion-js/emotion#1970

[itsdouges]

hi @karlhorky - interestingly we don't actually use a custom jsx pragma - so the theory is we won't have to do much to get it working.

still need to test soon though! 😄

[karlhorky]

Ah nice, good to hear! Best of luck!

[karlhorky]

Wonder if these things will still be needed for TypeScript support (the jsxImportSource option for the new transform released in TS 4.1), since TS won't be able to benefit from the Compiled Babel plugin...

[itsdouges]

Hi, what are we talking about? 🙂

When using Babel it doesn't really matter what your setting is for JSX because TSC isn't used to compiled your code.

[karlhorky]

For sure - I'm thinking of other situations such as when TS tries to figure out the JSX transform and comes across the unknown css prop, which it will complain about - eg. I've had this issue with the Emotion CSS prop before (also using a Babel plugin), and needed to configure jsxImportSource in tsconfig.json.

[itsdouges]

hmm yeah that's a good point - we could definitely have that problem 😅

will take inspiration from emotion for their solution later when it comes up.