Skip to content

Fix double rendering causing animation flash on page load#17

Merged
danielv14 merged 2 commits intomasterfrom
claude/fix-chat-double-rendering-c71T5
Jan 18, 2026
Merged

Fix double rendering causing animation flash on page load#17
danielv14 merged 2 commits intomasterfrom
claude/fix-chat-double-rendering-c71T5

Conversation

@danielv14
Copy link
Owner

  • Use loader data as fallback in reflect.tsx to prevent flash when useChat
    hook hasn't initialized during hydration
  • Only sync chat messages on actual navigation, not initial hydration
  • Add data-hydrated attribute to body after client hydration
  • Make stagger animations only run after hydration to prevent replay on SSR content

Use loader data as fallback when useChat hook hasn't initialized,
and skip the sync effect on first mount to prevent double render.
@danielv14 danielv14 force-pushed the claude/fix-chat-double-rendering-c71T5 branch from 0ec7572 to d3b524d Compare January 18, 2026 08:24
@github-actions
Copy link

@danielv14 danielv14 merged commit d3cd41f into master Jan 18, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments