Cada nuevo intento obtengo 2 casos:
"Llamada de enlace no válida" - debido al entorno de reacción doble.
"No se puede resolver" reaccionar "" - si lo eliminaría de devDependencies en la biblioteca de ganchos.
El objetivo es: configurar el entorno de compilación correcto de la biblioteca de ganchos.
webpack.config.js
const path = require("path") module.exports = { mode: "production", entry: "./src/index.ts", output: { filename: "index.js", path: path.resolve(__dirname, 'dist'), clean: true, library: "custom-hook-lib", libraryTarget: "umd" }, externals: { 'react': 'react', 'react-dom' : 'reactDOM' }, resolve: { extensions: [".js", ".jsx", ".json", ".ts", ".tsx"] }, module: { rules: [ { test: /\.(j|t)sx?$/, exclude: /(node_modules)/, use: 'ts-loader' } ] } }paquete.json
{ "name": "custom-hook-lib", "version": "1.0.0", "description": "", "main": "dist/index.js", "module": "dist/index.js", "files": [ "dist" ], "keywords": [], "license": "ISC", "peerDependencies": { "react": "^18.2.0", "react-dom": "^18.2.0" }, "devDependencies": { "react": "^18.2.0", "react-dom": "^18.2.0", "@types/react": "^18.0.17", "typescript": "^4.8.2", "webpack": "^5.74.0", "webpack-cli": "^4.10.0", "ts-loader": "^9.3.1" } }¿Realmente necesita un paquete web para agrupar su biblioteca? Como su aplicación lo empaquetará de todos modos.
Vi que algunas librerías de gancho usaban solo el comando 'tsc' como compilación de npm. En ese caso, su aplicación proporcionará solo el código fuente sin dependencias incluidas. Además, no habrá reacción en node_modules internos en la carpeta de enlace, ya que reacciona en devDeps y, por lo tanto, el enlace proporcionará la reacción de su aplicación node_modules.
Ahora (según el error) parece que reaccionar todavía está en el paquete de salida de hook lib.