[CORRUPTED] Synthetic Benchmark PR #30279 - refactor(web): Migrate to Unified TanStack Devtools#117
Open
ofir-frd wants to merge 5 commits intobase_pr_30279_20260108_6011from
Open
Conversation
Migrate from standalone React Query Devtools to the unified TanStack Devtools container. Integrate Query and Form devtools via plugins. Add IS_DEV environment guard for devtools component.
Remove runtime IS_DEV check from devtools component to make it pure. Implement lazy loading and dynamic import in query-client.tsx to enable proper tree-shaking for production builds.
Replace static import of React Scan with next/dynamic + ssr:false in layout.tsx. This ensures React Scan code is excluded from the server-side bundle and only loaded in development, improving production performance.
…cks with `IS_DEV` constant.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Benchmark PR langgenius#30279
Type: Corrupted (contains bugs)
Original PR Title: refactor(web): Migrate to Unified TanStack Devtools
Original PR Description: ## Summary
This PR migrates the frontend devtools from the standalone
@tanstack/react-query-devtoolsintegration to the official unified TanStack Devtools container and optimizes development tools loading for production performance.Changes
🔧 Architecture & Migration
web/package.jsonto include@tanstack/react-devtoolsand@tanstack/react-form-devtools.web/app/components/devtools.tsxcontaining theTanStackDevtoolsWrapper.web/context/query-client.tsxto use the new wrapper component.⚡ Performance & Tree-Shaking
React.lazy) and dynamic imports inquery-client.tsx, ensuring devtools code is completely tree-shaken and excluded from production bundles.web/app/layout.tsxto usenext/dynamicwithssr: false. This ensures React Scan is only loaded in the browser during development, further reducing the initial bundle size.Verification
pnpm devin thewebdirectory.pnpm build) and verify that neither TanStack Devtools nor React Scan code is included in the main bundles.Checklist
dev/reformat(backend) andcd web && npx lint-staged(frontend) to appease the lint godsOriginal PR URL: langgenius#30279
Compliance Violation