@nx/react 23.0.0-beta.23 → 23.0.0-beta.24

package/migrations.json

@@ -47,6 +47,12 @@
       "description": "Rewrites imports of NxReactWebpackPlugin from '@nx/react' to the sub-path '@nx/react/webpack-plugin'.",
       "factory": "./src/migrations/update-23-0-0/remove-nx-react-webpack-plugin-import",
       "documentation": "./src/migrations/update-23-0-0/remove-nx-react-webpack-plugin-import.md"
+    },
+    "update-23-0-0-migrate-create-nodes-v2-import": {
+      "version": "23.0.0-beta.24",
+      "description": "Rename imports of `createNodesV2` from `@nx/react/router-plugin` to the canonical `createNodes` export.",
+      "implementation": "./src/migrations/update-23-0-0/migrate-create-nodes-v2-to-create-nodes",
+      "documentation": "./src/migrations/update-23-0-0/migrate-create-nodes-v2-to-create-nodes.md"
     }
   },
   "packageJsonUpdates": {
@@ -61,6 +67,9 @@
     },
     "20.1.0": {
       "version": "20.1.0-beta.0",
+      "requires": {
+        "eslint-plugin-react-hooks": ">=4.0.0 <5.0.0"
+      },
       "packages": {
         "eslint-plugin-react-hooks": {
           "version": "5.0.0",
@@ -74,6 +83,9 @@
     },
     "20.2.0": {
       "version": "20.2.0-beta.3",
+      "requires": {
+        "@module-federation/enhanced": ">=0.6.0 <0.7.0"
+      },
       "packages": {
         "@module-federation/enhanced": {
           "version": "0.7.6",
@@ -95,6 +107,9 @@
     },
     "20.3.0": {
       "version": "20.3.0-beta.0",
+      "requires": {
+        "@testing-library/react": ">=15.0.0 <16.0.0"
+      },
       "packages": {
         "@testing-library/react": {
           "version": "16.1.0",
@@ -104,6 +119,9 @@
     },
     "21.4.0": {
       "version": "21.4.0-beta.8",
+      "requires": {
+        "http-proxy-middleware": ">=2.0.0 <3.0.0"
+      },
       "packages": {
         "http-proxy-middleware": {
           "version": "^3.0.5",
@@ -113,6 +131,9 @@
     },
     "22.2.0": {
       "version": "22.2.0-beta.0",
+      "requires": {
+        "@module-federation/enhanced": ">=0.7.0 <0.8.0"
+      },
       "packages": {
         "@module-federation/enhanced": {
           "version": "^0.21.2",
@@ -151,11 +172,22 @@
     },
     "22.3.4": {
       "version": "22.3.4-beta.0",
+      "requires": {
+        "react-router-dom": ">=6.0.0 <7.0.0"
+      },
       "packages": {
         "react-router-dom": {
           "version": "6.30.3",
           "alwaysAddToPackageJson": false
-        },
+        }
+      }
+    },
+    "22.3.4-react-router": {
+      "version": "22.3.4-beta.0",
+      "requires": {
+        "react-router": ">=7.0.0 <8.0.0"
+      },
+      "packages": {
         "react-router": {
           "version": "7.12.0",
           "alwaysAddToPackageJson": false
@@ -196,6 +228,9 @@
     },
     "22.6.0": {
       "version": "22.6.0-beta.10",
+      "requires": {
+        "@module-federation/enhanced": ">=0.21.0 <1.0.0"
+      },
       "x-prompt": "Bump @module-federation packages to v2.x to resolve koa CVE-2026-27959 (via dts-plugin)",
       "packages": {
         "@module-federation/enhanced": {
@@ -210,6 +245,9 @@
     },
     "22.7.0": {
       "version": "22.7.0-beta.18",
+      "requires": {
+        "react-router": ">=7.0.0 <8.0.0"
+      },
       "packages": {
         "react-router": {
           "version": "7.14.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "23.0.0-beta.23",
+  "version": "23.0.0-beta.24",
   "private": false,
   "description": "The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook.\n\n- Generators for applications, libraries, components, hooks, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -32,33 +32,37 @@
     "requirements": {},
     "migrations": "./migrations.json"
   },
+  "peerDependencies": {
+    "react": ">=18.0.0 <20.0.0",
+    "react-dom": ">=18.0.0 <20.0.0"
+  },
   "dependencies": {
     "@phenomnomnominal/tsquery": "~6.2.0",
     "@svgr/webpack": "^8.0.1",
     "minimatch": "10.2.5",
     "tslib": "^2.3.0",
-    "@nx/devkit": "23.0.0-beta.23",
-    "@nx/js": "23.0.0-beta.23",
-    "@nx/eslint": "23.0.0-beta.23",
-    "@nx/web": "23.0.0-beta.23",
-    "@nx/module-federation": "23.0.0-beta.23",
-    "@nx/rollup": "23.0.0-beta.23",
+    "@nx/devkit": "23.0.0-beta.24",
+    "@nx/js": "23.0.0-beta.24",
+    "@nx/eslint": "23.0.0-beta.24",
+    "@nx/web": "23.0.0-beta.24",
+    "@nx/module-federation": "23.0.0-beta.24",
+    "@nx/rollup": "23.0.0-beta.24",
     "express": "^4.21.2",
     "http-proxy-middleware": "^3.0.5",
     "semver": "^7.6.3"
   },
   "devDependencies": {
-    "@nx/cypress": "23.0.0-beta.23",
-    "@nx/playwright": "23.0.0-beta.23",
-    "@nx/rsbuild": "23.0.0-beta.23",
-    "@nx/vite": "23.0.0-beta.23",
-    "@nx/vitest": "23.0.0-beta.23",
-    "@nx/webpack": "23.0.0-beta.23",
-    "@nx/storybook": "23.0.0-beta.23",
-    "nx": "23.0.0-beta.23"
+    "@nx/cypress": "23.0.0-beta.24",
+    "@nx/playwright": "23.0.0-beta.24",
+    "@nx/rsbuild": "23.0.0-beta.24",
+    "@nx/vite": "23.0.0-beta.24",
+    "@nx/vitest": "23.0.0-beta.24",
+    "@nx/webpack": "23.0.0-beta.24",
+    "@nx/storybook": "23.0.0-beta.24",
+    "nx": "23.0.0-beta.24"
   },
   "optionalDependencies": {
-    "@nx/vite": "23.0.0-beta.23"
+    "@nx/vite": "23.0.0-beta.24"
   },
   "publishConfig": {
     "access": "public"

package/plugins/component-testing/index.js

@@ -162,11 +162,8 @@ function buildTargetWebpack(ctx, buildTarget, componentTestingProjectName) {
             `Please make sure to use '@nx/webpack:webpack' or '@nx/rspack:rspack' executor in that target to use Cypress Component Testing.`);
     }
     const context = (0, internal_1.createExecutorContext)(graph, buildableProjectConfig.targets, parsed.project, parsed.target, parsed.target);
-    const { normalizeOptions, } = require('@nx/webpack/src/executors/webpack/lib/normalize-options');
-    const { resolveUserDefinedWebpackConfig, } = require('@nx/webpack/src/utils/webpack/resolve-user-defined-webpack-config');
-    const { composePluginsSync } = require('@nx/webpack/src/utils/config');
-    const { withNx } = require('@nx/webpack/src/utils/with-nx');
-    const { withWeb } = require('@nx/webpack/src/utils/with-web');
+    const { resolveUserDefinedWebpackConfig } = require('@nx/webpack/internal');
+    const { normalizeOptions, composePluginsSync, withNx, withWeb, } = require('@nx/webpack');
     const options = normalizeOptions(withSchemaDefaults(parsed, context), devkit_1.workspaceRoot, buildableProjectConfig.root, (0, internal_2.getProjectSourceRoot)(buildableProjectConfig));
     let customWebpack;
     if (options.webpackConfig) {

package/plugins/storybook/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/plugins/storybook/index.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,aAAa,EAId,MAAM,SAAS,CAAC;AAiDjB,eAAO,MAAM,IAAI,GAAI,SAAI,EAAE,YAAO,QAGhC,CAAC;AAqFH,eAAO,MAAM,OAAO,GAClB,wBAAwB,aAAkB,EAC1C,SAAS,GAAG,KACX,OAAO,CAAC,aAAa,CAuFvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/plugins/storybook/index.ts"],"names":[],"mappings":"AAeA,OAAO,EACL,aAAa,EAId,MAAM,SAAS,CAAC;AAkDjB,eAAO,MAAM,IAAI,GAAI,SAAI,EAAE,YAAO,QAGhC,CAAC;AAqFH,eAAO,MAAM,OAAO,GAClB,wBAAwB,aAAkB,EAC1C,SAAS,GAAG,KACX,OAAO,CAAC,aAAa,CA6FvB,CAAC"}

package/plugins/storybook/index.js

@@ -3,11 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.webpack = exports.core = void 0;
 const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/js/internal");
-const config_1 = require("@nx/webpack/src/utils/config");
+const webpack_1 = require("@nx/webpack");
+const internal_2 = require("@nx/webpack/internal");
 const fs_1 = require("fs");
 const path_1 = require("path");
-const webpack_1 = require("webpack");
+const webpack_2 = require("webpack");
 const with_react_1 = require("../with-react");
+const deprecation_1 = require("../../src/utils/deprecation");
 const merge_plugins_1 = require("./merge-plugins");
 // This is shamelessly taken from CRA and modified for NX use
 // https://github.com/facebook/create-react-app/blob/4784997f0682e75eb32a897b4ffe34d735912e6c/packages/react-scripts/config/env.js#L71
@@ -141,12 +143,16 @@ const webpack = async (storybookWebpackConfig = {}, options) => {
     };
     // ESM build for modern browsers.
     let baseWebpackConfig = {};
-    const configure = (0, config_1.composePluginsSync)(withNx({ target: 'web', skipTypeChecking: true }), (0, with_react_1.withReact)());
-    const finalConfig = configure(baseWebpackConfig, {
-        options: builderOptions,
-        // TODO(JamesHenry): replace as any type assertion with as ExecutorContext once the nx repo is updated to use https://github.com/nrwl/nx/pull/33095
-        context: { root: devkit_1.workspaceRoot }, // The context is not used here.
-    });
+    // Nx composes these helpers internally for the storybook preset; suppress
+    // their deprecation warning so it fires only for user-authored configs.
+    const finalConfig = (0, internal_2.suppressWebpackComposeHelperWarnings)(() => (0, deprecation_1.suppressReactComposeHelperWarnings)(() => {
+        const configure = (0, webpack_1.composePluginsSync)(withNx({ target: 'web', skipTypeChecking: true }), (0, with_react_1.withReact)());
+        return configure(baseWebpackConfig, {
+            options: builderOptions,
+            // TODO(JamesHenry): replace as any type assertion with as ExecutorContext once the nx repo is updated to use https://github.com/nrwl/nx/pull/33095
+            context: { root: devkit_1.workspaceRoot }, // The context is not used here.
+        });
+    }));
     return {
         ...storybookWebpackConfig,
         module: {
@@ -170,7 +176,7 @@ const webpack = async (storybookWebpackConfig = {}, options) => {
                 []), ...(finalConfig.resolve
                 .plugins ?? [])),
         },
-        plugins: (0, merge_plugins_1.mergePlugins)(new webpack_1.DefinePlugin(getClientEnvironment(storybookWebpackConfig.mode).stringified), ...(storybookWebpackConfig.plugins ?? []), ...(finalConfig.plugins ?? [])),
+        plugins: (0, merge_plugins_1.mergePlugins)(new webpack_2.DefinePlugin(getClientEnvironment(storybookWebpackConfig.mode).stringified), ...(storybookWebpackConfig.plugins ?? []), ...(finalConfig.plugins ?? [])),
     };
 };
 exports.webpack = webpack;

package/plugins/with-react.d.ts

@@ -3,6 +3,10 @@ import type { NxWebpackExecutionContext, WithWebOptions } from '@nx/webpack';
 export interface WithReactOptions extends WithWebOptions {
 }
 /**
+ * @deprecated Will be removed in Nx v24. Use `NxReactWebpackPlugin` from
+ * `@nx/react/webpack-plugin` in a standard webpack config and run
+ * `nx g @nx/webpack:convert-to-inferred`. See
+ * https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.
  * @param {WithReactOptions} pluginOptions
  * @returns {NxWebpackPlugin}
  */

package/plugins/with-react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"with-react.d.ts","sourceRoot":"","sources":["../../../../packages/react/plugins/with-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAK7E,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG;AAE3D;;;GAGG;AACH,wBAAgB,SAAS,CAAC,aAAa,GAAE,gBAAqB,IAE1D,QAAQ,aAAa,EACrB,SAAS,yBAAyB,KACjC,aAAa,CAajB"}
+{"version":3,"file":"with-react.d.ts","sourceRoot":"","sources":["../../../../packages/react/plugins/with-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAM7E,MAAM,WAAW,gBAAiB,SAAQ,cAAc;CAAG;AAE3D;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,aAAa,GAAE,gBAAqB,IAG1D,QAAQ,aAAa,EACrB,SAAS,yBAAyB,KACjC,aAAa,CAajB"}

package/plugins/with-react.js

@@ -2,12 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withReact = withReact;
 const apply_react_config_1 = require("./nx-react-webpack-plugin/lib/apply-react-config");
+const deprecation_1 = require("../src/utils/deprecation");
 const processed = new Set();
 /**
+ * @deprecated Will be removed in Nx v24. Use `NxReactWebpackPlugin` from
+ * `@nx/react/webpack-plugin` in a standard webpack config and run
+ * `nx g @nx/webpack:convert-to-inferred`. See
+ * https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.
  * @param {WithReactOptions} pluginOptions
  * @returns {NxWebpackPlugin}
  */
 function withReact(pluginOptions = {}) {
+    (0, deprecation_1.warnReactWithReactDeprecation)();
     return function configure(config, context) {
         const { withWeb } = require('@nx/webpack');
         if (processed.has(config))

package/src/executors/module-federation-dev-server/module-federation-dev-server.impl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module-federation-dev-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-dev-server/module-federation-dev-server.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAU,MAAM,YAAY,CAAC;AAarD,OAAO,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AAG5D,wBAA+B,yBAAyB,CACtD,MAAM,EAAE,gCAAgC,EACxC,OAAO,EAAE,eAAe,GACvB,qBAAqB,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAwG/D"}
+{"version":3,"file":"module-federation-dev-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-dev-server/module-federation-dev-server.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAU,MAAM,YAAY,CAAC;AAYrD,OAAO,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AAG5D,wBAA+B,yBAAyB,CACtD,MAAM,EAAE,gCAAgC,EACxC,OAAO,EAAE,eAAe,GACvB,qBAAqB,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAwG/D"}

package/src/executors/module-federation-dev-server/module-federation-dev-server.impl.js

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = moduleFederationDevServer;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
 const internal_2 = require("@nx/js/internal");
-const utils_1 = require("@nx/module-federation/src/executors/utils");
-const file_server_impl_1 = tslib_1.__importDefault(require("@nx/web/src/executors/file-server/file-server.impl"));
-const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
-const dev_server_impl_1 = tslib_1.__importDefault(require("@nx/webpack/src/executors/dev-server/dev-server.impl"));
+const internal_3 = require("@nx/module-federation/internal");
+const internal_4 = require("@nx/web/internal");
+const webpack_1 = require("@nx/webpack");
 const fs_1 = require("fs");
 const path_1 = require("path");
 const lib_1 = require("./lib");
@@ -17,7 +15,7 @@ async function* moduleFederationDevServer(schema, context) {
     (0, module_federation_deprecation_1.warnReactMfDevServerExecutorDeprecation)();
     const options = (0, lib_1.normalizeOptions)(schema);
     const currIter = options.static
-        ? (0, file_server_impl_1.default)({
+        ? (0, internal_4.fileServerExecutor)({
             ...options,
             parallel: false,
             withDeps: false,
@@ -26,7 +24,7 @@ async function* moduleFederationDevServer(schema, context) {
             cacheSeconds: -1,
         }, context)
         : // TODO(JamesHenry): remove type assertion once the nx repo is updated to use https://github.com/nrwl/nx/pull/33095
-            (0, dev_server_impl_1.default)(options, context);
+            (0, webpack_1.devServerExecutor)(options, context);
     const p = context.projectsConfigurations.projects[context.projectName];
     let pathToManifestFile = (0, path_1.join)(context.root, (0, internal_2.getProjectSourceRoot)(p), 'assets/module-federation.manifest.json');
     if (options.pathToManifestFile) {
@@ -42,7 +40,7 @@ async function* moduleFederationDevServer(schema, context) {
     if (!options.isInitialHost) {
         return yield* currIter;
     }
-    const { staticRemotesIter, devRemoteIters, remotes } = await (0, utils_1.startRemoteIterators)(options, context, lib_1.startRemotes, pathToManifestFile, 'react');
+    const { staticRemotesIter, devRemoteIters, remotes } = await (0, internal_3.startRemoteIterators)(options, context, lib_1.startRemotes, pathToManifestFile, 'react');
     return yield* (0, internal_1.combineAsyncIterables)(currIter, ...devRemoteIters, ...(staticRemotesIter ? [staticRemotesIter] : []), (0, internal_1.createAsyncIterable)(async ({ next, done }) => {
         if (!options.isInitialHost) {
             done();
@@ -58,7 +56,7 @@ async function* moduleFederationDevServer(schema, context) {
             const portsToWaitFor = staticRemotesIter && options.staticRemotesPort
                 ? [options.staticRemotesPort, ...remotes.remotePorts]
                 : [...remotes.remotePorts];
-            await Promise.all(portsToWaitFor.map((port) => (0, wait_for_port_open_1.waitForPortOpen)(port, {
+            await Promise.all(portsToWaitFor.map((port) => (0, internal_4.waitForPortOpen)(port, {
                 retries: 480,
                 retryDelay: 2500,
                 host: host,

package/src/executors/module-federation-dev-server/schema.d.ts

@@ -1,5 +1,5 @@
 import { WebDevServerOptions } from '@nx/webpack';
-import { DevRemoteDefinition } from '@nx/module-federation/src/executors/utils';
+import { DevRemoteDefinition } from '@nx/module-federation/internal';
 
 export type ModuleFederationDevServerOptions = WebDevServerOptions & {
   devRemotes?: DevRemoteDefinition[];

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = moduleFederationSsrDevServer;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
 const internal_2 = require("@nx/js/internal");
-const utils_1 = require("@nx/module-federation/src/executors/utils");
-const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
-const ssr_dev_server_impl_1 = tslib_1.__importDefault(require("@nx/webpack/src/executors/ssr-dev-server/ssr-dev-server.impl"));
+const internal_3 = require("@nx/module-federation/internal");
+const internal_4 = require("@nx/web/internal");
+const internal_5 = require("@nx/webpack/internal");
 const fs_1 = require("fs");
 const path_1 = require("path");
 const lib_1 = require("./lib");
@@ -16,7 +15,7 @@ async function* moduleFederationSsrDevServer(ssrDevServerOptions, context) {
     (0, module_federation_deprecation_1.warnReactMfSsrDevServerExecutorDeprecation)();
     const options = (0, lib_1.normalizeOptions)(ssrDevServerOptions);
     // TODO(JamesHenry): remove type assertion once the nx repo is updated to use https://github.com/nrwl/nx/pull/33095
-    let iter = (0, ssr_dev_server_impl_1.default)(options, context);
+    let iter = (0, internal_5.ssrDevServerExecutor)(options, context);
     const projectConfig = context.projectsConfigurations.projects[context.projectName];
     let pathToManifestFile = (0, path_1.join)(context.root, (0, internal_2.getProjectSourceRoot)(projectConfig), 'assets/module-federation.manifest.json');
     if (options.pathToManifestFile) {
@@ -32,7 +31,7 @@ async function* moduleFederationSsrDevServer(ssrDevServerOptions, context) {
     if (!options.isInitialHost) {
         return yield* iter;
     }
-    const { staticRemotesIter, devRemoteIters, remotes } = await (0, utils_1.startRemoteIterators)(options, context, lib_1.startRemotes, pathToManifestFile, 'react', true);
+    const { staticRemotesIter, devRemoteIters, remotes } = await (0, internal_3.startRemoteIterators)(options, context, lib_1.startRemotes, pathToManifestFile, 'react', true);
     const combined = (0, internal_1.combineAsyncIterables)(staticRemotesIter, ...devRemoteIters);
     let refs = 1 + (devRemoteIters?.length ?? 0);
     for await (const result of combined) {
@@ -60,7 +59,7 @@ async function* moduleFederationSsrDevServer(ssrDevServerOptions, context) {
             const portsToWaitFor = staticRemotesIter && options.staticRemotesPort
                 ? [options.staticRemotesPort, ...remotes.remotePorts]
                 : [...remotes.remotePorts];
-            await Promise.all(portsToWaitFor.map((port) => (0, wait_for_port_open_1.waitForPortOpen)(port, {
+            await Promise.all(portsToWaitFor.map((port) => (0, internal_4.waitForPortOpen)(port, {
                 retries: 480,
                 retryDelay: 2500,
                 host,

package/src/executors/module-federation-ssr-dev-server/schema.d.ts

@@ -1,5 +1,5 @@
-import { WebSsrDevServerOptions } from '@nx/webpack/src/executors/ssr-dev-server/schema';
-import { DevRemoteDefinition } from '@nx/module-federation/src/executors/utils';
+import { WebSsrDevServerOptions } from '@nx/webpack/internal';
+import { DevRemoteDefinition } from '@nx/module-federation/internal';
 
 export type ModuleFederationSsrDevServerOptions = WebSsrDevServerOptions & {
   devRemotes?: (

package/src/executors/module-federation-static-server/module-federation-static-server.impl.d.ts

@@ -1,4 +1,4 @@
-import { StaticRemotesConfig } from '@nx/module-federation/src/utils';
+import { StaticRemotesConfig } from '@nx/module-federation/internal';
 import { ExecutorContext } from 'nx/src/config/misc-interfaces';
 import { ModuleFederationDevServerOptions } from '../module-federation-dev-server/schema';
 import { ModuleFederationStaticServerSchema } from './schema';

package/src/executors/module-federation-static-server/module-federation-static-server.impl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module-federation-static-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-static-server/module-federation-static-server.impl.ts"],"names":[],"mappings":"AAaA,OAAO,EAIL,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAQzC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAC1F,OAAO,EAAE,kCAAkC,EAAE,MAAM,UAAU,CAAC;AAgJ9D,wBAAgB,YAAY,CAC1B,mBAAmB,EAAE,mBAAmB,EACxC,gBAAgB,EAAE,gCAAgC,EAClD,oBAAoB,EAAE,MAAM,EAC5B,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAChD,UAAU,CAAC,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,QAgEvD;AAED,wBAA+B,4BAA4B,CACzD,MAAM,EAAE,kCAAkC,EAC1C,OAAO,EAAE,eAAe;;;aAkJzB"}
+{"version":3,"file":"module-federation-static-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-static-server/module-federation-static-server.impl.ts"],"names":[],"mappings":"AAYA,OAAO,EAKL,mBAAmB,EACpB,MAAM,gCAAgC,CAAC;AAOxC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAC1F,OAAO,EAAE,kCAAkC,EAAE,MAAM,UAAU,CAAC;AAgJ9D,wBAAgB,YAAY,CAC1B,mBAAmB,EAAE,mBAAmB,EACxC,gBAAgB,EAAE,gCAAgC,EAClD,oBAAoB,EAAE,MAAM,EAC5B,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAChD,UAAU,CAAC,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,QAgEvD;AAED,wBAA+B,4BAA4B,CACzD,MAAM,EAAE,kCAAkC,EAC1C,OAAO,EAAE,eAAe;;;aAkJzB"}

package/src/executors/module-federation-static-server/module-federation-static-server.impl.js

@@ -2,14 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.startProxies = startProxies;
 exports.default = moduleFederationStaticServer;
-const tslib_1 = require("tslib");
 const internal_1 = require("@nx/devkit/internal");
 const devkit_1 = require("@nx/devkit");
 const internal_2 = require("@nx/js/internal");
-const utils_1 = require("@nx/module-federation/src/executors/utils");
-const utils_2 = require("@nx/module-federation/src/utils");
-const file_server_impl_1 = tslib_1.__importDefault(require("@nx/web/src/executors/file-server/file-server.impl"));
-const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
+const internal_3 = require("@nx/module-federation/internal");
+const internal_4 = require("@nx/web/internal");
 const module_federation_deprecation_1 = require("../../utils/module-federation-deprecation");
 const child_process_1 = require("child_process");
 const fs_1 = require("fs");
@@ -166,15 +163,15 @@ async function* moduleFederationStaticServer(schema, context) {
     // Get the remotes from the module federation config
     const p = context.projectsConfigurations.projects[context.projectName];
     const options = getBuildAndServeOptionsFromServeTarget(schema.serveTarget, context);
-    const moduleFederationConfig = (0, utils_2.getModuleFederationConfig)(options.buildOptions.tsConfig, context.root, p.root, 'react');
-    const remotes = (0, utils_2.getRemotes)([], options.serveOptions.skipRemotes, moduleFederationConfig, {
+    const moduleFederationConfig = (0, internal_3.getModuleFederationConfig)(options.buildOptions.tsConfig, context.root, p.root, 'react');
+    const remotes = (0, internal_3.getRemotes)([], options.serveOptions.skipRemotes, moduleFederationConfig, {
         projectName: context.projectName,
         projectGraph: context.projectGraph,
         root: context.root,
     }, options.pathToManifestFile);
-    const staticRemotesConfig = (0, utils_2.parseStaticRemotesConfig)([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
+    const staticRemotesConfig = (0, internal_3.parseStaticRemotesConfig)([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
     options.serveOptions.staticRemotesPort ??= remotes.staticRemotePort;
-    const mappedLocationsOfStaticRemotes = await (0, utils_1.buildStaticRemotes)(staticRemotesConfig, nxBin, context, options.serveOptions);
+    const mappedLocationsOfStaticRemotes = await (0, internal_3.buildStaticRemotes)(staticRemotesConfig, nxBin, context, options.serveOptions);
     // Build the host
     const hostUrlSegment = (0, path_1.basename)(options.buildOptions.outputPath);
     const mappedLocationOfHost = `http${options.serveOptions.ssl ? 's' : ''}://${options.serveOptions.host}:${options.serveOptions.staticRemotesPort}/${hostUrlSegment}`;
@@ -182,7 +179,7 @@ async function* moduleFederationStaticServer(schema, context) {
     // Move to a temporary directory
     const commonOutputDirectory = moveToTmpDirectory(staticRemotesConfig, options.buildOptions.outputPath, hostUrlSegment);
     // File Serve the temporary directory
-    const staticFileServerIter = (0, file_server_impl_1.default)({
+    const staticFileServerIter = (0, internal_4.fileServerExecutor)({
         cors: true,
         watch: false,
         staticFilePath: commonOutputDirectory,
@@ -208,7 +205,7 @@ async function* moduleFederationStaticServer(schema, context) {
         const baseUrl = `http${options.serveOptions.ssl ? 's' : ''}://${host}:${options.serveOptions.port}`;
         if (remotes.remotePorts.length === 0) {
             const portsToWaitFor = [options.serveOptions.staticRemotesPort];
-            await Promise.all(portsToWaitFor.map((port) => (0, wait_for_port_open_1.waitForPortOpen)(port, {
+            await Promise.all(portsToWaitFor.map((port) => (0, internal_4.waitForPortOpen)(port, {
                 retries: 480,
                 retryDelay: 2500,
                 host: host,
@@ -222,7 +219,7 @@ async function* moduleFederationStaticServer(schema, context) {
             const portsToWaitFor = staticFileServerIter && options.serveOptions.staticRemotesPort
                 ? [options.serveOptions.staticRemotesPort, ...remotes.remotePorts]
                 : [...remotes.remotePorts];
-            await Promise.all(portsToWaitFor.map((port) => (0, wait_for_port_open_1.waitForPortOpen)(port, {
+            await Promise.all(portsToWaitFor.map((port) => (0, internal_4.waitForPortOpen)(port, {
                 retries: 480,
                 retryDelay: 2500,
                 host: host,

package/src/generators/application/application.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"application.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/application/application.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,iBAAiB,EAMjB,IAAI,EAGL,MAAM,YAAY,CAAC;AA+BpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,wBAAsB,oBAAoB,CACxC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,iBAAiB,CAAC,CAM5B;AAED,wBAAsB,4BAA4B,CAChD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,iBAAiB,CAAC,CA2L5B;AAiBD,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"application.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/application/application.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,iBAAiB,EAMjB,IAAI,EAGL,MAAM,YAAY,CAAC;AA+BpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,wBAAsB,oBAAoB,CACxC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,iBAAiB,CAAC,CAM5B;AAED,wBAAsB,4BAA4B,CAChD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,iBAAiB,CAAC,CA6L5B;AAiBD,eAAe,oBAAoB,CAAC"}

package/src/generators/application/application.js

@@ -4,6 +4,7 @@ exports.applicationGenerator = applicationGenerator;
 exports.applicationGeneratorInternal = applicationGeneratorInternal;
 const tslib_1 = require("tslib");
 const internal_1 = require("@nx/devkit/internal");
+const assert_supported_react_version_1 = require("../../utils/assert-supported-react-version");
 const devkit_1 = require("@nx/devkit");
 const internal_2 = require("@nx/devkit/internal");
 const js_1 = require("@nx/js");
@@ -32,6 +33,7 @@ async function applicationGenerator(tree, schema) {
     });
 }
 async function applicationGeneratorInternal(tree, schema) {
+    (0, assert_supported_react_version_1.assertSupportedReactVersion)(tree);
     const tasks = [];
     const addTsPlugin = (0, internal_3.shouldConfigureTsSolutionSetup)(tree, schema.addPlugin, schema.useTsSolution);
     const jsInitTask = await (0, js_1.initGenerator)(tree, {

package/src/generators/application/lib/add-linting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-linting.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/add-linting.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,iBAAiB,EAIvB,MAAM,YAAY,CAAC;AAYpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG7C,wBAAsB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,8BAsDrE;AAiCD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAYrD"}
+{"version":3,"file":"add-linting.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/add-linting.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,iBAAiB,EAIvB,MAAM,YAAY,CAAC;AAYpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG7C,wBAAsB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,8BAwDrE;AAiCD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAYrD"}

package/src/generators/application/lib/add-linting.js

@@ -73,7 +73,7 @@ async function addLinting(host, options) {
             }
         }
         if (!options.skipPackageJson) {
-            const installTask = (0, devkit_2.addDependenciesToPackageJson)(host, lint_1.extraEslintDependencies.dependencies, lint_1.extraEslintDependencies.devDependencies);
+            const installTask = (0, devkit_2.addDependenciesToPackageJson)(host, lint_1.extraEslintDependencies.dependencies, lint_1.extraEslintDependencies.devDependencies, undefined, true);
             const addSwcTask = (0, internal_2.addSwcDependencies)(host);
             tasks.push(installTask, addSwcTask);
         }

package/src/generators/application/lib/add-routing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-routing.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/add-routing.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,IAAI,EAGL,MAAM,YAAY,CAAC;AAKpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAI7C,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,0CAyC/D"}
+{"version":3,"file":"add-routing.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/add-routing.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,IAAI,EAGL,MAAM,YAAY,CAAC;AAKpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAI7C,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,0CA2C/D"}

package/src/generators/application/lib/add-routing.js

@@ -23,7 +23,7 @@ function addRouting(host, options) {
     const changes = (0, devkit_1.applyChangesToString)(appFileContent, (0, ast_utils_1.addInitialRoutes)(appPath, appSource, options.inSourceTests));
     host.write(appPath, changes);
     if (!options.skipPackageJson) {
-        return (0, devkit_1.addDependenciesToPackageJson)(host, { 'react-router-dom': versions_1.reactRouterDomVersion }, {});
+        return (0, devkit_1.addDependenciesToPackageJson)(host, { 'react-router-dom': versions_1.reactRouterDomVersion }, {}, undefined, true);
     }
     return () => { };
 }

package/src/generators/application/lib/bundlers/add-rsbuild.js

@@ -76,5 +76,5 @@ async function setupRsbuildConfiguration(tree, options, tasks) {
     addHtmlTemplatePath(tree, pathToConfigFile, './src/index.html');
     addCopyAssets(tree, pathToConfigFile, './src/assets');
     addCopyAssets(tree, pathToConfigFile, './src/favicon.ico');
-    tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, deps));
+    tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, deps, undefined, true));
 }

package/src/generators/application/lib/bundlers/add-webpack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-webpack.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/react/src/generators/application/lib/bundlers/add-webpack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAiB,MAAM,YAAY,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAExD,wBAAsB,WAAW,CAC/B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACjC,KAAK,EAAE,GAAG,EAAE,iBAkBb"}
+{"version":3,"file":"add-webpack.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/react/src/generators/application/lib/bundlers/add-webpack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAiB,MAAM,YAAY,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAExD,wBAAsB,WAAW,CAC/B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACjC,KAAK,EAAE,GAAG,EAAE,iBAgBb"}

package/src/generators/application/lib/bundlers/add-webpack.js

@@ -45,7 +45,7 @@ async function initWebpack(tree, options, tasks) {
     });
     tasks.push(webpackInitTask);
     if (!options.skipPackageJson) {
-        const { ensureDependencies } = await Promise.resolve().then(() => __importStar(require('@nx/webpack/src/utils/ensure-dependencies')));
+        const { ensureDependencies } = await Promise.resolve().then(() => __importStar(require('@nx/webpack/internal')));
         tasks.push(ensureDependencies(tree, { uiFramework: 'react' }));
     }
 }

package/src/generators/application/lib/install-common-dependencies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"install-common-dependencies.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/install-common-dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,IAAI,EAAE,MAAM,YAAY,CAAC;AAahE,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG7C,wBAAsB,yBAAyB,CAC7C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,mDAwD1B"}
+{"version":3,"file":"install-common-dependencies.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/install-common-dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,IAAI,EAAE,MAAM,YAAY,CAAC;AAYhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG7C,wBAAsB,yBAAyB,CAC7C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,mDA8D1B"}

package/src/generators/application/lib/install-common-dependencies.js

@@ -16,7 +16,7 @@ async function installCommonDependencies(host, options) {
         '@types/node': versions_1.typesNodeVersion,
         ...(options.useReactRouter
             ? {
-                '@react-router/dev': versions_1.reactRouterVersion,
+                '@react-router/dev': reactDeps['react-router'],
             }
             : {}),
     };
@@ -24,9 +24,9 @@ async function installCommonDependencies(host, options) {
         dependencies['tslib'] = versions_1.tsLibVersion;
     }
     if (options.useReactRouter) {
-        dependencies['react-router'] = versions_1.reactRouterVersion;
-        dependencies['@react-router/node'] = versions_1.reactRouterVersion;
-        dependencies['@react-router/serve'] = versions_1.reactRouterVersion;
+        dependencies['react-router'] = reactDeps['react-router'];
+        dependencies['@react-router/node'] = reactDeps['react-router'];
+        dependencies['@react-router/serve'] = reactDeps['react-router'];
         dependencies['isbot'] = versions_1.reactRouterIsBotVersion;
     }
     // Vite requires style preprocessors to be installed manually.
@@ -51,5 +51,5 @@ async function installCommonDependencies(host, options) {
         devDependencies['@testing-library/react'] = versions_1.testingLibraryReactVersion;
         devDependencies['@testing-library/dom'] = versions_1.testingLibraryDomVersion;
     }
-    return (0, devkit_1.addDependenciesToPackageJson)(host, dependencies, devDependencies);
+    return (0, devkit_1.addDependenciesToPackageJson)(host, dependencies, devDependencies, undefined, true);
 }

package/src/generators/component/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/component/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,iBAAiB,EAIjB,IAAI,EACL,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAoB,MAAM,EAAE,MAAM,UAAU,CAAC;AAGpD,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAsBlE;AAiFD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/component/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,iBAAiB,EAIjB,IAAI,EACL,MAAM,YAAY,CAAC;AAOpB,OAAO,EAAoB,MAAM,EAAE,MAAM,UAAU,CAAC;AAKpD,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BA0BlE;AAiFD,eAAe,kBAAkB,CAAC"}

package/src/generators/component/component.js

@@ -6,16 +6,18 @@ const internal_1 = require("@nx/js/internal");
 const path_1 = require("path");
 const ast_utils_1 = require("../../utils/ast-utils");
 const get_in_source_vitest_tests_template_1 = require("../../utils/get-in-source-vitest-tests-template");
-const versions_1 = require("../../utils/versions");
 const get_component_tests_1 = require("./lib/get-component-tests");
 const normalize_options_1 = require("./lib/normalize-options");
+const versions_1 = require("../../utils/versions");
+const assert_supported_react_version_1 = require("../../utils/assert-supported-react-version");
 async function componentGenerator(host, schema) {
+    (0, assert_supported_react_version_1.assertSupportedReactVersion)(host);
     const options = await (0, normalize_options_1.normalizeOptions)(host, schema);
     createComponentFiles(host, options);
     const tasks = [];
     addExportsToBarrel(host, options);
     if (options.routing) {
-        const routingTask = (0, devkit_1.addDependenciesToPackageJson)(host, { 'react-router-dom': versions_1.reactRouterDomVersion }, {});
+        const routingTask = (0, devkit_1.addDependenciesToPackageJson)(host, { 'react-router-dom': versions_1.reactRouterDomVersion }, {}, undefined, true);
         tasks.push(routingTask);
     }
     if (!options.skipFormat) {