@nx/react 23.2.0-beta.5 → 23.2.0-beta.7

package/dist/src/generators/application/files/nx-welcome/claimed/src/app/nx-welcome.tsx__tmpl__

@@ -5,6 +5,8 @@
  Delete this file and get started with your project!
  * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  */
+/* oxlint-disable jsx-a11y/prefer-tag-over-role -- the icons below
+   are inline SVGs, which have no tag to swap the role for. */
  export function NxWelcome({ title }: { title: string }) {
   return (
     <>

package/dist/src/generators/application/files/nx-welcome/not-configured/src/app/nx-welcome.tsx__tmpl__

@@ -5,6 +5,8 @@
  Delete this file and get started with your project!
  * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  */
+/* oxlint-disable jsx-a11y/prefer-tag-over-role -- the icons below
+   are inline SVGs, which have no tag to swap the role for. */
 export function NxWelcome({ title }: { title: string }) {
   return (
     <>

package/dist/src/generators/application/files/nx-welcome/unclaimed/src/app/nx-welcome.tsx__tmpl__

@@ -5,6 +5,8 @@
  Delete this file and get started with your project!
  * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  */
+/* oxlint-disable jsx-a11y/prefer-tag-over-role -- the icons below
+   are inline SVGs, which have no tag to swap the role for. */
  export function NxWelcome({ title }: { title: string }) {
   return (
     <>

package/dist/src/generators/application/files/react-router-ssr/nx-welcome/claimed/app/nx-welcome.tsx__tmpl__

@@ -5,6 +5,8 @@
  Delete this file and get started with your project!
  * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  */
+/* oxlint-disable jsx-a11y/prefer-tag-over-role -- the icons below
+   are inline SVGs, which have no tag to swap the role for. */
 export function NxWelcome({ title }: { title: string }) {
   return (
     <>

package/dist/src/generators/application/files/react-router-ssr/nx-welcome/not-configured/app/nx-welcome.tsx__tmpl__

@@ -5,6 +5,8 @@
  Delete this file and get started with your project!
  * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  */
+/* oxlint-disable jsx-a11y/prefer-tag-over-role -- the icons below
+   are inline SVGs, which have no tag to swap the role for. */
 export function NxWelcome({ title }: { title: string }) {
   return (
     <>

package/dist/src/generators/application/files/react-router-ssr/nx-welcome/unclaimed/app/nx-welcome.tsx__tmpl__

@@ -5,6 +5,8 @@
  Delete this file and get started with your project!
  * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  */
+/* oxlint-disable jsx-a11y/prefer-tag-over-role -- the icons below
+   are inline SVGs, which have no tag to swap the role for. */
  export function NxWelcome({ title }: { title: string }) {
   return (
     <>

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

@@ -1,4 +1,3 @@
 import { type Tree, type GeneratorCallback } from '@nx/devkit';
 import { NormalizedSchema } from '../schema';
 export declare function addLinting(host: Tree, options: NormalizedSchema): Promise<GeneratorCallback>;
-export declare function isEslintInstalled(tree: Tree): boolean;

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

@@ -1,31 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addLinting = addLinting;
-exports.isEslintInstalled = isEslintInstalled;
 const devkit_1 = require("@nx/devkit");
-const eslint_1 = require("@nx/eslint");
 const internal_1 = require("@nx/eslint/internal");
 const devkit_2 = require("@nx/devkit");
 const internal_2 = require("@nx/js/internal");
 const lint_1 = require("../../../utils/lint");
 const versions_1 = require("../../../utils/versions");
 async function addLinting(host, options) {
+    if (options.linter === 'none') {
+        return () => { };
+    }
     const tasks = [];
+    tasks.push(await (0, internal_2.addLintingToProject)(host, {
+        oxlintPlugins: ['react', 'react-perf', 'jsx-a11y'],
+        linter: options.linter,
+        project: options.projectName,
+        tsConfigPaths: [
+            (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'),
+        ],
+        unitTestRunner: options.unitTestRunner,
+        rootProject: options.rootProject,
+        skipPackageJson: options.skipPackageJson,
+        enableTypedLinting: (0, internal_1.isTypedLintingEnabled)(options),
+        addPlugin: options.addPlugin,
+    }));
+    // Predefined configs, `extends` and ignore entries are ESLint concepts with
+    // no equivalent in other linters.
     if (options.linter === 'eslint') {
-        const lintTask = await (0, eslint_1.lintProjectGenerator)(host, {
-            linter: options.linter,
-            project: options.projectName,
-            tsConfigPaths: [
-                (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'),
-            ],
-            unitTestRunner: options.unitTestRunner,
-            skipFormat: true,
-            rootProject: options.rootProject,
-            skipPackageJson: options.skipPackageJson,
-            enableTypedLinting: (0, internal_1.isTypedLintingEnabled)(options),
-            addPlugin: options.addPlugin,
-        });
-        tasks.push(lintTask);
         if ((0, internal_1.isEslintConfigSupported)(host)) {
             if ((0, internal_1.useFlatConfig)(host)) {
                 (0, internal_1.addPredefinedConfigToFlatLintConfig)(host, options.appProjectRoot, 'flat/react', { checkBaseConfig: true });
@@ -52,7 +54,7 @@ async function addLinting(host, options) {
     return (0, devkit_2.runTasksInSerial)(...tasks);
 }
 async function ignoreReactRouterFilesInEslintConfig(tree, projectRoot) {
-    if (!isEslintInstalled(tree)) {
+    if (!(0, internal_2.detectLinters)(tree).includes('eslint')) {
         return;
     }
     (0, devkit_1.ensurePackage)('@nx/eslint', versions_1.nxVersion);
@@ -71,15 +73,3 @@ async function ignoreReactRouterFilesInEslintConfig(tree, projectRoot) {
     const directory = isUsingFlatConfig ? '' : (projectRoot ?? '');
     addIgnoresToLintConfig(tree, directory, ['**/build', '**/.react-router']);
 }
-function isEslintInstalled(tree) {
-    try {
-        require('eslint');
-        return true;
-    }
-    catch { }
-    // it might not be installed yet, but it might be in the tree pending install
-    const { devDependencies, dependencies } = tree.exists('package.json')
-        ? (0, devkit_1.readJson)(tree, 'package.json')
-        : {};
-    return !!devDependencies?.['eslint'] || !!dependencies?.['eslint'];
-}

package/dist/src/generators/application/lib/create-application-files.d.ts

@@ -12,7 +12,6 @@ export declare function getDefaultTemplateVariables(host: Tree, options: Normali
     tags?: string;
     inSourceTests?: boolean;
     e2eTestRunner: 'cypress' | 'playwright' | 'none';
-    linter: import("@nx/eslint").Linter | import("@nx/eslint").LinterType;
     classComponent?: boolean;
     routing?: boolean;
     useReactRouter?: boolean;
@@ -32,6 +31,7 @@ export declare function getDefaultTemplateVariables(host: Tree, options: Normali
     useTsSolution?: boolean;
     formatter?: 'prettier' | 'none';
     useProjectJson?: boolean;
+    linter: import("@nx/js").LinterType;
     projectName: string;
     appProjectRoot: string;
     e2eProjectName: string;

package/dist/src/generators/application/lib/normalize-options.js

@@ -46,17 +46,21 @@ async function normalizeOptions(host, options) {
         names: (0, devkit_1.names)(projectNames.projectSimpleName),
         isUsingTsSolutionConfig,
         useProjectJson: options.useProjectJson ?? !isUsingTsSolutionConfig,
+        routing: options.routing ?? false,
+        useReactRouter: options.useReactRouter ?? false,
+        strict: options.strict ?? true,
+        classComponent: options.classComponent ?? false,
+        compiler: options.compiler ?? 'babel',
+        bundler: options.bundler ?? 'webpack',
+        unitTestRunner: options.unitTestRunner ?? 'jest',
+        e2eTestRunner: options.e2eTestRunner ?? 'playwright',
+        inSourceTests: options.minimal || options.inSourceTests,
+        devServerPort: options.devServerPort ?? options.port ?? (0, find_free_port_1.findFreePort)(host),
+        minimal: options.minimal ?? false,
+        // Programmatic callers such as the host and remote generators leave this
+        // unset; the guards downstream read an unresolved `undefined` as "not eslint"
+        // and would half-configure the project.
+        linter: await (0, internal_2.normalizeLinterOption)(host, options.linter),
     };
-    normalized.routing = normalized.routing ?? false;
-    normalized.useReactRouter = normalized.useReactRouter ?? false;
-    normalized.strict = normalized.strict ?? true;
-    normalized.classComponent = normalized.classComponent ?? false;
-    normalized.compiler = normalized.compiler ?? 'babel';
-    normalized.bundler = normalized.bundler ?? 'webpack';
-    normalized.unitTestRunner = normalized.unitTestRunner ?? 'jest';
-    normalized.e2eTestRunner = normalized.e2eTestRunner ?? 'playwright';
-    normalized.inSourceTests = normalized.minimal || normalized.inSourceTests;
-    normalized.devServerPort ??= options.port ?? (0, find_free_port_1.findFreePort)(host);
-    normalized.minimal = normalized.minimal ?? false;
     return normalized;
 }

package/dist/src/generators/application/schema.d.ts

@@ -1,5 +1,5 @@
 import type { names } from '@nx/devkit';
-import type { Linter, LinterType } from '@nx/eslint';
+import type { LinterType } from '@nx/js';
 import type { SupportedStyles } from '../../../typings/style';
 
 export interface Schema {
@@ -11,7 +11,7 @@ export interface Schema {
   unitTestRunner?: 'jest' | 'vitest' | 'none';
   inSourceTests?: boolean;
   e2eTestRunner: 'cypress' | 'playwright' | 'none';
-  linter: Linter | LinterType;
+  linter?: LinterType;
   classComponent?: boolean;
   routing?: boolean;
   useReactRouter?: boolean;
@@ -41,6 +41,8 @@ export interface Schema {
 }
 
 export interface NormalizedSchema<T extends Schema = Schema> extends T {
+  // `normalizeOptions` always resolves this, so it is no longer optional.
+  linter: LinterType;
   projectName: string;
   appProjectRoot: string;
   e2eProjectName: string;

package/dist/src/generators/application/schema.json

@@ -97,11 +97,9 @@
       "x-priority": "important"
     },
     "linter": {
-      "description": "The tool to use for running lint checks.",
+      "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
       "type": "string",
-      "enum": ["eslint", "none"],
-      "default": "none",
-      "x-prompt": "Which linter would you like to use?",
+      "enum": ["eslint", "oxlint", "none"],
       "x-priority": "important"
     },
     "unitTestRunner": {

package/dist/src/generators/federate-module/schema.d.ts

@@ -1,4 +1,4 @@
-import { Linter, LinterType } from '@nx/eslint';
+import { LinterType } from '@nx/js';
 
 export interface Schema {
   name: string;
@@ -7,7 +7,7 @@ export interface Schema {
   remoteDirectory?: string;
   e2eTestRunner?: 'cypress' | 'playwright' | 'none';
   host?: string;
-  linter?: Linter | LinterType;
+  linter?: LinterType;
   skipFormat?: boolean;
   style?: SupportedStyles;
   unitTestRunner?: 'jest' | 'vitest' | 'none';

package/dist/src/generators/federate-module/schema.json

@@ -50,10 +50,9 @@
       "alias": "s"
     },
     "linter": {
-      "description": "The tool to use for running lint checks.",
+      "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
       "type": "string",
-      "enum": ["eslint"],
-      "default": "eslint"
+      "enum": ["eslint", "oxlint", "none"]
     },
     "skipFormat": {
       "description": "Skip formatting files.",

package/dist/src/generators/host/schema.d.ts

@@ -1,4 +1,4 @@
-import type { Linter, LinterType } from '@nx/eslint';
+import type { LinterType } from '@nx/js';
 import type { SupportedStyles } from '../../../typings/style';
 
 export interface Schema {
@@ -9,7 +9,7 @@ export interface Schema {
   e2eTestRunner: 'cypress' | 'playwright' | 'none';
   globalCss?: boolean;
   js?: boolean;
-  linter: Linter | LinterType;
+  linter?: LinterType;
   name?: string;
   remotes?: string[];
   enableTypedLinting?: boolean;
@@ -33,6 +33,8 @@ export interface Schema {
 }
 
 export interface NormalizedSchema extends Schema {
+  // `normalizeOptions` always resolves this, so it is no longer optional.
+  linter: LinterType;
   appProjectRoot: string;
   e2eProjectName: string;
   projectName: string;

package/dist/src/generators/host/schema.json

@@ -48,10 +48,9 @@
       }
     },
     "linter": {
-      "description": "The tool to use for running lint checks.",
+      "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
       "type": "string",
-      "enum": ["eslint"],
-      "default": "eslint"
+      "enum": ["eslint", "oxlint", "none"]
     },
     "dynamic": {
       "type": "boolean",

package/dist/src/generators/library/lib/add-linting.js

@@ -1,37 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addLinting = addLinting;
-const eslint_1 = require("@nx/eslint");
 const devkit_1 = require("@nx/devkit");
+const internal_1 = require("@nx/js/internal");
 const lint_1 = require("../../../utils/lint");
-const internal_1 = require("@nx/eslint/internal");
+const internal_2 = require("@nx/eslint/internal");
 async function addLinting(host, options) {
+    if (options.linter === 'none') {
+        return () => { };
+    }
+    const tasks = [];
+    tasks.push(await (0, internal_1.addLintingToProject)(host, {
+        oxlintPlugins: ['react', 'react-perf', 'jsx-a11y'],
+        linter: options.linter,
+        project: options.name,
+        tsConfigPaths: [
+            (0, devkit_1.joinPathFragments)(options.projectRoot, 'tsconfig.lib.json'),
+        ],
+        unitTestRunner: options.unitTestRunner,
+        skipPackageJson: options.skipPackageJson,
+        enableTypedLinting: (0, internal_2.isTypedLintingEnabled)(options),
+        addPlugin: options.addPlugin,
+    }));
+    // Predefined configs, `extends` and ignore entries are ESLint concepts with
+    // no equivalent in other linters.
     if (options.linter === 'eslint') {
-        const tasks = [];
-        const lintTask = await (0, eslint_1.lintProjectGenerator)(host, {
-            linter: options.linter,
-            project: options.name,
-            tsConfigPaths: [
-                (0, devkit_1.joinPathFragments)(options.projectRoot, 'tsconfig.lib.json'),
-            ],
-            unitTestRunner: options.unitTestRunner,
-            skipFormat: true,
-            skipPackageJson: options.skipPackageJson,
-            enableTypedLinting: (0, internal_1.isTypedLintingEnabled)(options),
-            addPlugin: options.addPlugin,
-        });
-        tasks.push(lintTask);
-        if ((0, internal_1.isEslintConfigSupported)(host)) {
-            if ((0, internal_1.useFlatConfig)(host)) {
-                (0, internal_1.addPredefinedConfigToFlatLintConfig)(host, options.projectRoot, 'flat/react', { checkBaseConfig: true });
+        if ((0, internal_2.isEslintConfigSupported)(host)) {
+            if ((0, internal_2.useFlatConfig)(host)) {
+                (0, internal_2.addPredefinedConfigToFlatLintConfig)(host, options.projectRoot, 'flat/react', { checkBaseConfig: true });
                 // Add an empty rules object to users know how to add/override rules
-                (0, internal_1.addOverrideToLintConfig)(host, options.projectRoot, {
+                (0, internal_2.addOverrideToLintConfig)(host, options.projectRoot, {
                     files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
                     rules: {},
                 });
             }
             else {
-                const addExtendsTask = (0, internal_1.addExtendsToLintConfig)(host, options.projectRoot, {
+                const addExtendsTask = (0, internal_2.addExtendsToLintConfig)(host, options.projectRoot, {
                     name: 'plugin:@nx/react',
                     needCompatFixup: true,
                 });
@@ -39,17 +43,12 @@ async function addLinting(host, options) {
             }
             // Add out-tsc ignore pattern when using TS solution setup
             if (options.isUsingTsSolutionConfig) {
-                (0, internal_1.addIgnoresToLintConfig)(host, options.projectRoot, ['**/out-tsc']);
+                (0, internal_2.addIgnoresToLintConfig)(host, options.projectRoot, ['**/out-tsc']);
             }
         }
-        let installTask = () => { };
         if (!options.skipPackageJson) {
-            installTask = (0, devkit_1.addDependenciesToPackageJson)(host, lint_1.extraEslintDependencies.dependencies, lint_1.extraEslintDependencies.devDependencies, undefined, true);
-            tasks.push(installTask);
+            tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, lint_1.extraEslintDependencies.dependencies, lint_1.extraEslintDependencies.devDependencies, undefined, true));
         }
-        return (0, devkit_1.runTasksInSerial)(...tasks);
-    }
-    else {
-        return () => { };
     }
+    return (0, devkit_1.runTasksInSerial)(...tasks);
 }

package/dist/src/generators/library/lib/normalize-options.js

@@ -33,39 +33,46 @@ async function normalizeOptions(host, options) {
             bundler = 'rollup';
         }
     }
-    const normalized = {
-        ...options,
-        compiler: options.compiler ?? 'babel',
-        bundler,
-        fileName,
-        routePath: `/${projectNames.projectSimpleName}`,
-        name: isUsingTsSolutionConfig && !options.name ? importPath : projectName,
-        projectRoot,
-        parsedTags,
-        importPath,
-        useProjectJson: options.useProjectJson ?? !isUsingTsSolutionConfig,
-    };
-    // Libraries with a bundler or is publishable must also be buildable.
-    normalized.buildable = Boolean(normalized.bundler !== 'none' || options.buildable || options.publishable);
-    normalized.inSourceTests === normalized.minimal || normalized.inSourceTests;
+    let appMain;
+    let appSourceRoot;
     if (options.appProject) {
         const appProjectConfig = (0, devkit_1.getProjects)(host).get(options.appProject);
         const appProjectType = (0, internal_2.getProjectType)(host, appProjectConfig.root, appProjectConfig.projectType);
         if (appProjectType !== 'application') {
             throw new Error(`appProject expected type of "application" but got "${appProjectType}"`);
         }
-        const appSourceRoot = (0, internal_2.getProjectSourceRoot)(appProjectConfig, host);
-        normalized.appMain =
+        appMain =
             appProjectConfig.targets.build?.options?.main ??
                 findMainEntry(host, appProjectConfig.root);
-        normalized.appSourceRoot = (0, devkit_1.normalizePath)(appSourceRoot);
+        appSourceRoot = (0, devkit_1.normalizePath)((0, internal_2.getProjectSourceRoot)(appProjectConfig, host));
         // TODO(jack): We should use appEntryFile instead of appProject so users can directly set it rather than us inferring it.
-        if (!normalized.appMain) {
+        if (!appMain) {
             throw new Error(`Could not locate project main for ${options.appProject}`);
         }
     }
-    (0, assertion_1.assertValidStyle)(normalized.style);
-    normalized.isUsingTsSolutionConfig = isUsingTsSolutionConfig;
+    (0, assertion_1.assertValidStyle)(options.style);
+    const normalized = {
+        ...options,
+        compiler: options.compiler ?? 'babel',
+        bundler,
+        fileName,
+        routePath: `/${projectNames.projectSimpleName}`,
+        name: isUsingTsSolutionConfig && !options.name ? importPath : projectName,
+        projectRoot,
+        parsedTags,
+        importPath,
+        useProjectJson: options.useProjectJson ?? !isUsingTsSolutionConfig,
+        isUsingTsSolutionConfig,
+        js: options.js ?? false,
+        unitTestRunner: options.unitTestRunner ?? 'none',
+        // Libraries with a bundler or that are publishable must also be buildable.
+        buildable: Boolean(bundler !== 'none' || options.buildable || options.publishable),
+        appMain,
+        appSourceRoot,
+        // The React-specific ESLint shaping is guarded on `=== 'eslint'`, so an
+        // unresolved `undefined` would create a bare config with none of it.
+        linter: await (0, internal_2.normalizeLinterOption)(host, options.linter),
+    };
     return normalized;
 }
 function findMainEntry(tree, projectRoot) {

package/dist/src/generators/library/schema.d.ts

@@ -1,4 +1,4 @@
-import type { Linter, LinterType } from '@nx/eslint';
+import type { LinterType } from '@nx/js';
 import type { SupportedStyles } from '../../../typings/style';
 
 export interface Schema {
@@ -12,7 +12,7 @@ export interface Schema {
   importPath?: string;
   inSourceTests?: boolean;
   js?: boolean;
-  linter: Linter | LinterType;
+  linter?: LinterType;
   name?: string;
   publishable?: boolean;
   routing?: boolean;
@@ -34,6 +34,8 @@ export interface Schema {
 }
 
 export interface NormalizedSchema extends Schema {
+  // `normalizeOptions` always resolves this, so it is no longer optional.
+  linter: LinterType;
   js: boolean;
   name: string;
   fileName: string;

package/dist/src/generators/library/schema.json

@@ -65,11 +65,9 @@
       "x-priority": "important"
     },
     "linter": {
-      "description": "The tool to use for running lint checks.",
+      "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
       "type": "string",
-      "enum": ["eslint", "none"],
-      "default": "none",
-      "x-prompt": "Which linter would you like to use?",
+      "enum": ["eslint", "oxlint", "none"],
       "x-priority": "important"
     },
     "unitTestRunner": {

package/dist/src/generators/remote/schema.d.ts

@@ -1,4 +1,4 @@
-import type { Linter, LinterType } from '@nx/eslint';
+import type { LinterType } from '@nx/js';
 import type { SupportedStyles } from '../../../typings/style';
 import type { NormalizedSchema as ApplicationNormalizedSchema } from '../application/schema';
 
@@ -11,7 +11,7 @@ export interface Schema {
   globalCss?: boolean;
   host?: string;
   js?: boolean;
-  linter: Linter | LinterType;
+  linter?: LinterType;
   name?: string;
   routing?: boolean;
   enableTypedLinting?: boolean;

package/dist/src/generators/remote/schema.json

@@ -54,10 +54,9 @@
       }
     },
     "linter": {
-      "description": "The tool to use for running lint checks.",
+      "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
       "type": "string",
-      "enum": ["eslint"],
-      "default": "eslint"
+      "enum": ["eslint", "oxlint", "none"]
     },
     "routing": {
       "type": "boolean",

package/dist/src/generators/storybook-configuration/schema.d.ts

@@ -1,4 +1,4 @@
-import { Linter, LinterType } from '@nx/eslint';
+import { LinterType } from '@nx/js';
 
 export interface StorybookConfigureSchema {
   project: string;
@@ -6,7 +6,7 @@ export interface StorybookConfigureSchema {
   generateStories?: boolean;
   js?: boolean;
   tsConfiguration?: boolean;
-  linter?: Linter | LinterType;
+  linter?: LinterType;
   ignorePaths?: string[];
   configureStaticServe?: boolean;
   addPlugin?: boolean;

package/dist/src/generators/storybook-configuration/schema.json

@@ -53,8 +53,7 @@
     "linter": {
       "description": "The tool to use for running lint checks.",
       "type": "string",
-      "enum": ["eslint"],
-      "default": "eslint"
+      "enum": ["eslint", "oxlint"]
     },
     "ignorePaths": {
       "type": "array",

package/dist/src/utils/ast-utils.js

@@ -257,12 +257,12 @@ function addInitialRoutes(sourcePath, source, addBrowserRouter) {
     <br/>
     <hr/>
     <br/>
-    <div role="navigation">
+    <nav>
       <ul>
         <li><Link to="/">Home</Link></li>
         <li><Link to="/page-2">Page 2</Link></li>
       </ul>
-    </div>
+    </nav>
     <Routes>
       <Route
         path="/"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "23.2.0-beta.5",
+  "version": "23.2.0-beta.7",
   "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": {
@@ -95,8 +95,8 @@
     "react": ">=18.0.0 <20.0.0",
     "react-dom": ">=18.0.0 <20.0.0",
     "express": "^4.21.2",
-    "http-proxy-middleware": "^3.0.5",
-    "@nx/module-federation": "23.2.0-beta.5"
+    "http-proxy-middleware": "^3.0.7",
+    "@nx/module-federation": "23.2.0-beta.7"
   },
   "peerDependenciesMeta": {
     "babel-plugin-react-compiler": {
@@ -118,27 +118,27 @@
     "minimatch": "10.2.5",
     "tslib": "^2.3.0",
     "semver": "^7.6.3",
-    "@nx/devkit": "23.2.0-beta.5",
-    "@nx/js": "23.2.0-beta.5",
-    "@nx/eslint": "23.2.0-beta.5",
-    "@nx/web": "23.2.0-beta.5"
+    "@nx/devkit": "23.2.0-beta.7",
+    "@nx/js": "23.2.0-beta.7",
+    "@nx/eslint": "23.2.0-beta.7",
+    "@nx/web": "23.2.0-beta.7"
   },
   "devDependencies": {
     "express": "^4.21.2",
-    "http-proxy-middleware": "^3.0.5",
-    "@nx/cypress": "23.2.0-beta.5",
-    "@nx/module-federation": "23.2.0-beta.5",
-    "@nx/playwright": "23.2.0-beta.5",
-    "@nx/rollup": "23.2.0-beta.5",
-    "@nx/rsbuild": "23.2.0-beta.5",
-    "@nx/vite": "23.2.0-beta.5",
-    "@nx/vitest": "23.2.0-beta.5",
-    "@nx/webpack": "23.2.0-beta.5",
-    "@nx/storybook": "23.2.0-beta.5",
-    "nx": "23.2.0-beta.5"
+    "http-proxy-middleware": "^3.0.7",
+    "@nx/cypress": "23.2.0-beta.7",
+    "@nx/module-federation": "23.2.0-beta.7",
+    "@nx/playwright": "23.2.0-beta.7",
+    "@nx/rollup": "23.2.0-beta.7",
+    "@nx/rsbuild": "23.2.0-beta.7",
+    "@nx/vite": "23.2.0-beta.7",
+    "@nx/vitest": "23.2.0-beta.7",
+    "@nx/webpack": "23.2.0-beta.7",
+    "@nx/storybook": "23.2.0-beta.7",
+    "nx": "23.2.0-beta.7"
   },
   "optionalDependencies": {
-    "@nx/vite": "23.2.0-beta.5"
+    "@nx/vite": "23.2.0-beta.7"
   },
   "publishConfig": {
     "access": "public"