Module not found: Error: Package path ./jsx-runtime.js is not exported from package react.

Describe the bug After upgrading to React 18, react-dnd is now breaking. I am running react-dnd@15.1.2 and I am getting this error:

Module not found: Error: Package path ./jsx-runtime.js is not exported from package ../node_modules/react (see exports field in ../node_modules/react/package.json)

I see that this issue is fixed in react-dnd@16 however, I cannot upgrade to this version, as the ESM only support breaks my test runs.

In issue #3423 where people experience the opposite problem (they have upgraded to v16, and are still on react 17) there is posted a suggestion to add a resolve.fallback to webpack config. I am currently running on create-react-app, and really would not like to eject for such a simple issue.

Related issues #3428

[mikaelrss]

For anyone who are using create-react-app and does not want to eject, this solution worked for me:

I used react-app-rewired with this config-overrides.js:

module.exports = {
  webpack: function (config) {
    return {
      ...config,
      resolve: {
        ...config.resolve,
        alias: {
          "react/jsx-runtime.js": "react/jsx-runtime",
          "react/jsx-dev-runtime.js": "react/jsx-dev-runtime"
        }
      }
    };
  }
};

I don’t think this is an ideal solution, but if you want to upgrade to React 18, and still be on react-dnd@15, I cannot see another solution.

[edcuidev]

I am also getting same error.

ERROR in ./node_modules/react-dnd/dist/core/DndProvider.js 37:0-48
Module not found: Error: Can't resolve 'react/jsx-runtime' in 'node_modules\react-dnd\dist\core'
Did you mean 'jsx-runtime.js'?
BREAKING CHANGE: The request 'react/jsx-runtime' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
.......

project is based on create-react-app and these are in package.json.

    "react": "^17.0.2",
    "react-dnd": "^16.0.1",
    "react-dnd-html5-backend": "^16.0.1",

any thoughts?