TypeError: _jsxDEV is not a function

[lorenzejay]

Getting an error on next v13.0.2 and next-mdx-remote v4.2.0

Everything works fine till I insert

<MDXRemote {...source} components={{ Image }} />

[mabdh]

This issue seems likely to be solved by this #307 (comment)

[lorenzejay]

This issue seems likely to be solved by this #307 (comment)

Yes that worked for me. For reference, setting development: false will fix.

[devzom]

Mentioned here https://stackoverflow.com/questions/74807529/jsxdev-is-not-a-function-when-using-mdxremote

[BRKalow]

Hi y'all, this should be addressed by #323, try out 4.2.1 and let me know!

[itsnitinr]

Can confirm that 4.2.1 works and solves this issue. Thanks!

[blvdmitry]

Interesting enough, I've updated to the latest next-mdx-remote with renovate notification and it started breaking with something that seems to be an opposite error. Do you think you might know what could cause it or should share more information about the setup in a separate issue?

Downgrading to 4.2.0 solves the issue

[dimaMachina]

same problem for me as @blvdmitry

[BRKalow]

if you do a full re-install this should be fixed:

npm uninstall next-mdx-remote && npm install next-mdx-remote

[blvdmitry]

Tried 5 different ways of uninstalling because I use yarn and lerna and it worked in the end. Thanks for the tip!

[teddybee]

This issue still exist with
"next-mdx-remote": "4.3.0"
"next": "^13.1.6"

[auduongtuan]

this issue still exist with "next-mdx-remote": "4.3.0" and "next": "^13.1.6" T_T

[Eliot00]

this issue still exist with
"next": "^13.1.2",
"next-mdx-remote": "^4.4.1",

[sebanovo]

alternative solution:

mdxOptions: { development: process.env.NODE_ENV === 'development' }