Creé un módulo de componente de reacción e importé ese módulo a un proyecto de paquete web.

Actualmente estoy importando el componente desde mi repositorio local:

 npm install ~/git/repo-name

Lo hago porque volver a cargar el módulo en npm para probar cada cambio menor no sería viable.

El módulo del componente enumera react y react-dom como dependencias de pares en package.json, que puede ver aquí:

 { ...(name, version,etc)... "devDependencies": { "@babel/cli": "^7.16.0", "@babel/core": "^7.16.0", "@babel/preset-env": "^7.16.4", "@babel/preset-react": "^7.16.0" }, "dependencies": { "core-js": "^3.19.2", "regenerator-runtime": "^0.13.9" }, "peerDependencies": { "react": "^17.0.2", "react-dom": "^17.0.2" } }

Encontré esta pregunta de stackoverflow y la primera respuesta de la lista sonaba como el ticket. Sin embargo, después de que npm vincule las carpetas react y react-dom del componente en node_modules a las mismas carpetas en el directorio node_modules del proyecto webpack, sigo recibiendo el error.

Puedo rastrear el error hasta una línea en particular en el código modificado que Babel dispara cuando compilo el módulo del componente:

 var availableNetworkOptions = (0, _react.useRef)(null);

No entiendo esta sintaxis, pero puedo inferir que es parte de cómo babel transpila mi uso de "useRef" en mi archivo .js original (o al menos cómo intenta hacerlo). No puedo evitar preguntarme si esta extraña sintaxis podría tener algo que ver con el error. Parece poco probable, estoy seguro de que babel sabe lo que está haciendo. Por otro lado, parece que descarté el problema de "reacción duplicada" que parece ser una de las causas más comunes de este problema, o al menos lo he hecho hasta donde yo sé.