Tengo una aplicación que requería window.React y window.ReactDOM , así que modifiqué el campo externo del paquete web en next.config.js de esta manera:

 // next.config.js /** @type {import('next').NextConfig} */ module.exports = { reactStrictMode: true, webpack(config, { isServer }) { if (!isServer) { config.externals = { next: 'next', react: 'React', 'react-dom': 'ReactDOM' } } return config; } }

Pero cuando hago esto, la página no puede recargarse en caliente al editar el código. Y no hay advertencia ni error en el panel de la consola de Chrome. Solo cuando actualizo manualmente la página, el código más reciente también puede funcionar.

Reproducir repositorio: https://github.com/MrKou47/nextjs-hmr-notwork-demo