Adding React Router v7 to Nx Monorepo

[digibake]

The new version of Remix is now React Router v7. I'd like to upgrade from Remix but I've lost days now trying to get React Router v7 to work with Nx because the existing Nx recipes are for Remix. Could anyone give me some pointers where to start?

[flo-sch]

A React Router plugin for @nx/react has landed in nx v21:
https://nx.dev/blog/nx-21-release#react-router-plugin

You can generate an application using @nx/react:app generator options:

nx g @nx/react:app --routing --useReactRouter

Note that, as of now, it has no support for react-router generated +types, this requires a manual adjustment of your project:
#31354

The following setup works fine for me:

{
  // ...
  "targets": {
    "typecheck": {
      "dependsOn": ["typegen"]
    },
    "typegen": {
      "cache": true,
      "executor": "nx:run-commands",
      "inputs": [
        "production",
        "^production",
        {
          "externalDependencies": ["@react-router/dev"]
        }
      ],
      "options": {
        "command": "react-router typegen",
        "cwd": "replace/with/path/to/your/app"
      }
    }
  }
}