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

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.

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?