fix: Can't resolve 'react/jsx-runtime.js'

[jakejarvis]

Simply changes the import of react/jsx-runtime.js to react/jsx-runtime. This was causing errors when using Preact and React 18 — shouldn't affect anything else as far as I know! :)

fixes #237

[hashicorp-cla]

All committers have signed the CLA.

[BRKalow]

Thank you!

[jakejarvis]

@BRKalow This still works locally for me but Vercel is now refusing to build, giving the opposite error Did you mean to import react/jsx-runtime.js?...

Trying to figure this out and test different things on the Vercel side (maybe something with node v14?) but if you want to revert this for now that might be wise... very sorry about that and to anyone else having problems! :)

---

Possibly related, if anyone has any ideas:

• Bug: Cannot import 'react/jsx-runtime' from esm node/webpack 5 facebook/react#20235
• Compiling error: Did you mean to import react/jsx-runtime.js - 11.1 vercel/next.js#27977
• Bug: [5.0] Can't resolve 'react/jsx-runtime' facebook/create-react-app#11769
• Compiling error with NextJS 11.1.0: Did you mean to import react/jsx-runtime.js adazzle/react-data-grid#2568

[BRKalow]

@jakejarvis No worries! I reverted for now and published another release so folks won't get breakage over the weekend. Feel free to open another PR if you do figure something out! 🙏

[jakejarvis]

Looks like this is the answer to fix React 18 — react/jsx-runtime is officially exported from React's package.json now. But, this breaks React 17 which doesn't export it and requires the .js. So we need to account for both somehow... 🤦

[switz]

Worthwhile to deploy a new major version that pins it at React >= 18?

[jakejarvis]

@switz that's the most logical solution I can think of too, unfortunately

[mryechkin]

For anyone who ended up here like I did, looking for a fix - make sure you're pinning to version 4.0.1 and NOT 4.0.2 for the time being until this is resolved. Running npm i next-mdx-remote@latest will install 4.0.2 where this was reverted

[nikodem-wrona]

Reverting back to next-mdx-remote@4.0.1 for react@latest worked for me

[BRKalow]

Thanks for the insight here, y'all! I'll try to come up with something which works for both v17 and v18 this week.