Skip to content

[codex] Fix React hydration mismatch on Dashboard loading state#556

Draft
barry01-hash wants to merge 3 commits into
chunks-labz:mainfrom
barry01-hash:codex/fix-dashboard-loading-hydration
Draft

[codex] Fix React hydration mismatch on Dashboard loading state#556
barry01-hash wants to merge 3 commits into
chunks-labz:mainfrom
barry01-hash:codex/fix-dashboard-loading-hydration

Conversation

@barry01-hash

Copy link
Copy Markdown
Contributor

Summary

  • Replace the dashboard's timeout-based hydration gate with a server/client snapshot gate using useSyncExternalStore.
  • Split the dashboard into a loading shell wrapper and a ready content component so the initial markup stays deterministic.
  • Add a regression test that checks the server-rendered loading shell and verifies hydration completes without console mismatches.

Validation

  • npm test -- --run tests/components/DashboardHydration.test.tsx
  • npx eslint app/dashboard/page.tsx tests/components/DashboardHydration.test.tsx

@github-actions

Copy link
Copy Markdown
Contributor

This pull request has been inactive for 21 days. It will be closed in 7 days unless there is further activity. Please rebase, address review comments, or leave a note if you need more time.

@github-actions github-actions Bot added the stale label Jul 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants