-
Notifications
You must be signed in to change notification settings - Fork 545
Enable React Compiler across all Next.js apps #7329
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
WalkthroughExperimental support for the React Compiler was enabled in the Next.js configuration files for several applications by setting the Changes
Suggested reviewers
Warning Review ran into problems🔥 ProblemsErrors were encountered while retrieving linked issues. Errors (1)
✨ Finishing Touches
🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
SupportNeed help? Create a ticket on our support page for assistance with any issues or questions. Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
CodeRabbit Configuration File (
|
How to use the Graphite Merge QueueAdd either label to this PR to merge it via the merge queue:
You must have a Graphite account in order to use the merge queue. Sign up using this link. An organization admin has enabled the Graphite Merge Queue in this repository. Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue. This stack of pull requests is managed by Graphite. Learn more about stacking. |
size-limit report 📦
|
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #7329 +/- ##
=======================================
Coverage 55.57% 55.57%
=======================================
Files 909 909
Lines 58675 58675
Branches 4162 4162
=======================================
Hits 32609 32609
Misses 25959 25959
Partials 107 107
🚀 New features to boost your workflow:
|
1db6d75
to
fadfb9d
Compare
9424247
to
34f9976
Compare
fadfb9d
to
e2910ec
Compare
Review the following changes in direct dependencies. Learn more about Socket for GitHub.
|
0f318e0
to
dfbd304
Compare
f069a7a
to
6a28c96
Compare
6a28c96
to
8044d40
Compare
dfbd304
to
0692486
Compare
0692486
to
a697114
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 0
🧹 Nitpick comments (1)
apps/portal/package.json (1)
75-75
: Optional: Add ESLint plugin for React CompilerYou’ve added
babel-plugin-react-compiler
but the correspondingeslint-plugin-react-compiler
isn’t present here (other apps include it). For consistent linting of compiler-specific rules, consider adding:"eslint-plugin-react-compiler": "19.1.0-rc.2"to
devDependencies
.
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
⛔ Files ignored due to path filters (1)
pnpm-lock.yaml
is excluded by!**/pnpm-lock.yaml
📒 Files selected for processing (10)
apps/dashboard/next.config.ts
(1 hunks)apps/dashboard/package.json
(1 hunks)apps/login/next.config.ts
(1 hunks)apps/login/package.json
(1 hunks)apps/playground-web/next.config.mjs
(1 hunks)apps/playground-web/package.json
(1 hunks)apps/portal/next.config.mjs
(1 hunks)apps/portal/package.json
(1 hunks)apps/wallet-ui/next.config.mjs
(1 hunks)apps/wallet-ui/package.json
(1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms (7)
- GitHub Check: E2E Tests (pnpm, webpack)
- GitHub Check: E2E Tests (pnpm, esbuild)
- GitHub Check: E2E Tests (pnpm, vite)
- GitHub Check: Size
- GitHub Check: Unit Tests
- GitHub Check: Lint Packages
- GitHub Check: Analyze (javascript)
🔇 Additional comments (9)
apps/dashboard/package.json (1)
133-133
: DevDependency Added: Babel Plugin for React CompilerThe new
"babel-plugin-react-compiler": "19.1.0-rc.2"
entry aligns with the enabled experimental flag and matches versions used across other apps.apps/playground-web/package.json (1)
57-57
: DevDependency Added: Babel Plugin for React CompilerAdding
"babel-plugin-react-compiler": "19.1.0-rc.2"
here correctly mirrors the setup in sibling apps. Versions are consistent.apps/playground-web/next.config.mjs (1)
48-48
: Enabled Experimental React CompilerThe
reactCompiler: true
flag underexperimental
correctly activates the React Compiler feature. Ensure your Next.js version (15.3.3
) supports this flag and that you rebuild to validate configs.apps/wallet-ui/package.json (1)
43-43
: DevDependency Added: Babel Plugin for React CompilerThe addition of
"babel-plugin-react-compiler": "19.1.0-rc.2"
is consistent with the rest of the monorepo. Version alignment looks good.apps/wallet-ui/next.config.mjs (1)
57-57
: Experimental React Compiler flag enabled.
ThereactCompiler: true
flag is correctly added underexperimental
. Ensure your Next.js version (>=13.2) supports this option and that no custom Babel configuration overrides it.apps/portal/next.config.mjs (1)
58-58
: Experimental React Compiler flag enabled.
ThereactCompiler: true
flag is correctly added underexperimental
. Confirm your Next.js version and validate that the MDX integration remains compatible.apps/dashboard/next.config.ts (1)
127-127
: Experimental React Compiler flag enabled.
AddingreactCompiler: true
underexperimental
aligns with other apps. Verify that your build pipeline picks up the new compiler and that source-map uploads (Sentry integration) still work as expected.apps/login/package.json (1)
43-43
: Babel plugin dependency added.
The[email protected]
devDependency is correctly introduced. Ensure this version is consistent across all apps and compatible with your React/Next.js versions.apps/login/next.config.ts (1)
5-7
: Experimental React Compiler flag enabled.
ThereactCompiler: true
entry underexperimental
is correctly added. Confirm your CI build uses this config and that no other custom Next.js options conflict.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
✅ BugBot reviewed your changes and found no bugs!
Was this report helpful? Give feedback by reacting with 👍 or 👎
PR-Codex overview
This PR focuses on adding the
reactCompiler
feature across variousnext.config
files and updating thepackage.json
files to include thebabel-plugin-react-compiler
dependency for several applications.Detailed summary
reactCompiler: true
tonext.config
files in:apps/playground-web/next.config.mjs
apps/dashboard/next.config.ts
apps/login/next.config.ts
apps/portal/next.config.mjs
apps/wallet-ui/next.config.mjs
package.json
files to include:babel-plugin-react-compiler
version19.1.0-rc.2
in:apps/login/package.json
apps/dashboard/package.json
apps/portal/package.json
apps/playground-web/package.json
apps/wallet-ui/package.json
pnpm-lock.yaml
to reflect the addition ofbabel-plugin-react-compiler
across dependencies.Summary by CodeRabbit