Error with package path jsx-runtime updating Nextjs with React 18

I tried updating my website with React 18 (Nextjs v12.1.2) and not compiling. The error is:

wait  - compiling...
error - ./node_modules/next-contentlayer/dist/hooks/useMDXComponent.js:5:0
Module not found: Package path ./jsx-runtime.js is not exported from package /.../me/nikosantis.dev/node_modules/react (see exports field in /.../me/nikosantis.dev/node_modules/react/package.json)

Import trace for requested module:
./node_modules/next-contentlayer/dist/hooks/index.js
./pages/sobre-mi.tsx

https://nextjs.org/docs/messages/module-not-found

I tested changing the jsx_runtime import in useMDXComponent in node_modules and compiled again.

from:

import * as _jsx_runtime from 'react/jsx-runtime.js'

to:

import * as _jsx_runtime from 'react/jsx-runtime'

Working with this change without errors 😎 idk why… I tried this change in the contentlayer repo (feat/0.2.0 branch), yarn build and yarn test and all tests passed 💯 Can you check that?

[dvlden]

Anyone else still having troubles with it, after updating to latest release? I upgraded Next, React and Content Layer (all to latest), fixed the Next config file and I still get the same error.

Module not found: Package path ./jsx-runtime.js is not exported from package /Users/nn/Sites/dvl-next/node_modules/.pnpm/next-contentlayer@0.2.1_c0abbb53577d424fe320649841fdc7d4/node_modules/react (see exports field in /Users/nn/Sites/dvl-next/node_modules/.pnpm/next-contentlayer@0.2.1_c0abbb53577d424fe320649841fdc7d4/node_modules/react/package.json)

[schickling]

Update: I think I found a “solution” aka functioning work-around for this problem:

Will be released with the upcoming 0.2.0 release.