React-Hot-Loader: misconfiguration detected, using production version in non-production environment.

[XceptDev]

Hello! I am running production application, but I get this error:

1. node -v: v16.20.2

2. npm -v: 8.19.4

3. Operating system: ubuntu server 22.04

4. Browser: All

[nouoxu]

This warning appears because react-hot-loader detects it's running in a production environment.

Solutions:

1. Use React Fast Refresh instead - Since React 16.9+, React Fast Refresh is the recommended replacement for react-hot-loader in development. It's built into React and webpack 5's hot module replacement.

2. Check your environment - Make sure NODE_ENV is set to development in your build configuration:

   // webpack.config.js
   mode: process.env.NODE_ENV === 'production' ? 'production' : 'development'

3. Conditionally import - Only use react-hot-loader in development:

   if (process.env.NODE_ENV !== 'production') {
     require('react-hot-loader').setHotConfig({ ... });
   }

Since this project is now deprecated (as noted in the README), I recommend migrating to React Fast Refresh or the built-in HMR support in modern React.

For quick JS prototyping and sharing code examples, you might also find JSBin useful: https://github.com/nouoxu/jsbin