Skip to content

fix: Fix MCLabs logo, client-side nav errors, and TracingBeam hydration bug#80

Merged
vibemarketerpromax merged 1 commit intomainfrom
fix/client-nav-and-logo-fixes
Feb 12, 2026
Merged

fix: Fix MCLabs logo, client-side nav errors, and TracingBeam hydration bug#80
vibemarketerpromax merged 1 commit intomainfrom
fix/client-nav-and-logo-fixes

Conversation

@vibemarketerpromax
Copy link
Collaborator

Summary

  • MCLabs logo broken on all pages: The embedded PNG in the SVG had a white (non-transparent) background. The site-wide CSS filter brightness(0) invert(1) turned the entire logo into an invisible white rectangle. Replaced with a clean, transparency-corrected SVG (106KB → ~21KB).
  • "Application error" on first client-side navigation: The service worker used stale-while-revalidate for HTML navigation requests, serving stale cached pages that caused React hydration mismatches. Fixed by adding explicit network-first handling for request.mode === 'navigate' and RSC payloads (.txt).
  • TracingBeam SSR hydration mismatch: scrollYProgress.get() was called directly in the animate prop during render (a side effect). Replaced with useMotionValueEvent to reactively track scroll state.

Test plan

  • Verify MCLabs logo renders correctly on homepage client logo carousel and any other pages
  • Test client-side navigation between pages (especially first navigation after cache clear) - should no longer show "Application error"
  • Verify blog pages with TracingBeam component render without hydration warnings
  • Clear service worker cache and test fresh navigation flow

🤖 Generated with Claude Code

…ation bug

- MCLabs SVG: Remove white background from embedded PNG so CSS filter
  brightness(0) invert(1) no longer renders it as invisible white rect
- Service worker: Use network-first for navigation requests to prevent
  stale HTML from causing hydration mismatches on client-side nav
- TracingBeam: Replace render-time scrollYProgress.get() with reactive
  useMotionValueEvent to eliminate SSR hydration mismatch
@cloudflare-workers-and-pages
Copy link

Deploying website with  Cloudflare Pages  Cloudflare Pages

Latest commit: d09d83c
Status: ✅  Deploy successful!
Preview URL: https://0bbc0e72.website-yiq.pages.dev
Branch Preview URL: https://fix-client-nav-and-logo-fixe.website-yiq.pages.dev

View logs

@vibemarketerpromax vibemarketerpromax merged commit 9405b50 into main Feb 12, 2026
5 checks passed
@vibemarketerpromax vibemarketerpromax deleted the fix/client-nav-and-logo-fixes branch February 12, 2026 12:48
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.

1 participant