feat(react): update app and lib generators to support new TS solution setup

[jaysoo]

This PR updates app and lib generators in the following packages such that they will generate files with the TS solution setup if it is detected.

• @nx/react
• @nx/next
• @nx/remix
• @nx/expo
• @nx/react-native

React apps and libs will be linked using npm/pnpm/yarn/bun workspaces feature rather than through tsconfig paths. This means that local aliases like @/ will work with Next.js and Remix apps.

Note: This will be behind --workspaces flag when using npx create-nx-workspace and choosing React stack. If you use the None/TS stack then adding plugins like nx add @nx/react then generating apps, it will automatically pick up the new TS solution setup.

Current Behavior

React generators are not compatible with TS solution setup (i.e. workspaces + TS project references).

Expected Behavior

React generators work with new TS solution setup (Plain, Next.js, Remix, Expo, React Native).

Related Issue(s)

#28322

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nx-dev	✅ Ready (Inspect)	Visit Preview	Nov 29, 2024 2:14am

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 4c7d5e6. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 7 targets

• nx affected --targets=lint,test,build,e2e,e2e-ci --base=2cb58b937ddf8afbe64902662ce06744533bd7ca --head=4c7d5e6d1aeaa62e3e818d1feb8f7da05c02d331 --parallel=3
• nx run-many -t check-imports check-commit check-lock-files check-codeowners documentation --parallel=1 --no-dte
• nx-cloud record -- nx format:check --base=2cb58b937ddf8afbe64902662ce06744533bd7ca --head=4c7d5e6d1aeaa62e3e818d1feb8f7da05c02d331
• nx-cloud record -- nx-cloud conformance:check
• nx-cloud record -- nx sync:check
• nx documentation --no-dte
• nx affected -t e2e-macos-local --parallel=1 --base=2cb58b937ddf8afbe64902662ce06744533bd7ca --head=4c7d5e6d1aeaa62e3e818d1feb8f7da05c02d331

---

Sent with 💌 from NxCloud.

[github-actions]

🐳 We have a release for that!

This PR has a release associated with it. You can try it out using this command:

npx create-nx-workspace@0.0.0-pr-28808-0f14212 my-workspace

Or just copy this version and use it in your own command:

0.0.0-pr-28808-0f14212

Release details	📑
Published version	0.0.0-pr-28808-0f14212
Triggered by	@jaysoo
Branch	feat/ts-solution-react
Commit	0f14212
Workflow run	11804472060

To request a new release for this pull request, mention someone from the Nx team or the @nrwl/nx-pipelines-reviewers.

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.