How to properly import ReactDOM?

Question

React

Using the BundleAnalyzerPlugin, the bold react-dom.development (imported in the app.js entry file) gets into the production code, while it is possible to import the corresponding code assembly. How to do it?
import ReactDOM from 'react-dom';

Answer 1

The problem turned out to be simple.
Quite node_modules/react-dom/index.jsexpectedly, there is a check for build mode:

if (process.env.NODE_ENV === 'production') {
  // DCE check should happen before ReactDOM bundle executes so that
  // DevTools can report bad minification during injection.
  checkDCE();
  module.exports = require('./cjs/react-dom.production.min.js');
} else {
  module.exports = require('./cjs/react-dom.development.js');
}

The problem was that in directories other than the config directories (the one where the settings for webpack are located), the variable process.env.NODE_ENV was not defined, perhaps because the mode was set only in package.json:

"build": "cross-env NODE_ENV=production webpack --config ./config/base.config.js",

Solved by adding a plugin

new webpack.DefinePlugin({
  'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
});

into assembly.