Según mi comentario anterior, parece que react-hot-loader quiere el paquete @hot-loader/react-dom en lugar del react-dom estándar:

• https://github.com/gaearon/react-hot-loader#react--dom
• https://github.com/cargador-caliente/react-dom

Personalmente, estoy un poco preocupado por cambiar eso, ya que react-dom es una parte central de cualquier aplicación basada en react . También parece, basado en algunos de los problemas vinculados y los comentarios del código, que tal vez esto sea solo una solución a corto plazo para admitir nuevas funciones de reacción como ganchos.

Así que supongo que hay dos opciones:

• Espere un poco más para ver si eliminan ese requisito (y tal vez se encuentren con algunos casos extremos para la carga en caliente).
• Siga las instrucciones para deshacerse de la advertencia.

Actualizar

Puede deshabilitar la advertencia así:

 import { hot, setConfig } from 'react-hot-loader' setConfig({ showReactDomPatchNotification: false })

Debe agregar @hot-loader/react-dom a su proyecto según su versión de ReactJS, preste atención al siguiente comando:

 yarn add @hot-loader/react-dom@[YOUR_REACT_VERSION]

Luego, es necesario agregar un alias de resolución en su archivo de configuración de Webpack:

 resolve: { alias: { 'react-dom': '@hot-loader/react-dom' } }

Para obtener más información, lea sus documentos .

Actualización 2020

A partir del verano de 2020 , esta es la solución actual recomendada en el repositorio GitHub de Gatsby :

Paso 1

Ejecute este comando, pero ejecutar esto solo no solucionará el problema:

 npm install -D @hot-loader/react-dom // or yarn add -D @hot-loader/react-dom

Paso 2

Modifique gatsby-node.js para agregar lo siguiente:

 exports.onCreateWebpackConfig = ({ stage, actions }) => { if (stage.startsWith("develop")) { actions.setWebpackConfig({ resolve: { alias: { "react-dom": "@hot-loader/react-dom", }, }, }) } }

Reinicie gatsby develop . La advertencia se ha ido.