New config

Author: javizqh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jderobot-ide-interface",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "main": "dist/main.js",
   "typings": "dist/index.d.ts",
   "files": [
@@ -20,12 +20,12 @@
   "description": "",
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.0",
     "@storybook/addon-docs": "^9.0.10",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
     "@storybook/react-webpack5": "^9.0.10",
     "@types/lodash": "^4.17.17",
-    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.0",
     "@types/styled-components": "^5.1.34",
     "css-loader": "^7.1.2",
     "prop-types": "^15.8.1",
@@ -34,26 +34,28 @@
     "styled-components": "^6.1.19",
     "webpack": "^5.99.9",
     "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.2"
-  },
-  "dependencies": {
+    "webpack-dev-server": "^5.2.2",
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-typescript": "^7.27.1",
-    "@monaco-editor/react": "^4.7.0",
     "@svgr/webpack": "^8.1.0",
     "babel-loader": "^10.0.0",
     "file-loader": "^6.2.0",
+    "sass-loader": "^16.0.5",
+    "ts-loader": "^9.5.2",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "webpack-bundle-tracker": "^3.2.1",
+    "mini-css-extract-plugin": "^2.9.2"
+  },
+  "dependencies": {
+    "@monaco-editor/react": "^4.7.0",
     "jderobot-commsmanager": "0.1.6",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
-    "mini-css-extract-plugin": "^2.9.2",
     "re-resizable": "^6.11.2",
+    "react-spinners": "^0.17.0"
+  },
+  "peerDependencies": {
     "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-spinners": "^0.17.0",
-    "sass-loader": "^16.0.5",
-    "ts-loader": "^9.5.2",
-    "tsconfig-paths-webpack-plugin": "^4.2.0",
-    "webpack-bundle-tracker": "^3.2.1"
+    "react-dom": "19.1.0"
   }
 }

webpack.config.js

@@ -21,14 +21,29 @@ module.exports = {
   output: {
     filename: "main.js",
     path: path.resolve(__dirname, "dist"),
-    libraryTarget: 'umd',
-    globalObject: 'this',
+    libraryTarget: "umd",
+    globalObject: "this",
   },
   resolve: {
     alias: aliases(),
     extensions: [".js", ".jsx", ".ts", ".tsx", ".json"],
     modules: ["node_modules", path.resolve(__dirname, "node_modules")],
   },
+  externals: {
+    // Use external version of React
+    react: {
+      commonjs: "react",
+      commonjs2: "react",
+      amd: "react",
+      root: "React",
+    },
+    "react-dom": {
+      commonjs: "react-dom",
+      commonjs2: "react-dom",
+      amd: "react-dom",
+      root: "ReactDOM",
+    },
+  },
   module: {
     rules: [
       {