Recibí el siguiente error al ejecutar la aplicación de reacción con el paquete web Llamada de gancho no válida. Los ganchos solo se pueden llamar dentro del cuerpo de un componente de función. Esto podría suceder por una de las siguientes razones:

1. Es posible que tenga versiones que no coincidan de React y el renderizador (como React DOM) 2. Es posible que esté infringiendo las Reglas de Hooks 3. Es posible que tenga más de una copia de React en la misma aplicación Consulte los consejos sobre cómo depurar y solucionar este problema.

Resolví el problema agregando peerDependencies en package.json

 "peerDependencies": { "react": ">=16.8.0", "react-dom": ">=16.8.0" },

También es necesario agregar lo siguiente a la configuración de Webpack

 externals: { react: "commonjs react", "react-dom": "commonjs react-dom", },

Espero que esto resuelva tu problema, funciona bien para mí.