From 3956d8a5ac85909ac57aa7cd0f1f9cf9a9c8691d Mon Sep 17 00:00:00 2001
From: Craig Haseler <cahaseler@gmail.com>
Date: Mon, 9 Mar 2026 07:16:51 -0400
Subject: [PATCH] fix: move Nav and Footer outside NuqsAdapter to fix
 hydration-blocked clicks
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Nav links were unresponsive for the first few seconds after page load
because NuqsAdapter (a client component) wrapped the entire page tree.
React 18 captures click events during hydration and replays them only
after the full subtree hydrates — heavy page content like GalaxyMap
delayed this significantly. Moving Nav and Footer outside lets them
hydrate as independent islands.
---
 src/app/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b2a06cf..dcc90f2 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -72,14 +72,14 @@ export default function RootLayout({
           <h1 style={{ fontSize: '1px', lineHeight: '1px', margin: 0, padding: 0, color: 'transparent', position: 'absolute', top: '-9999px' }}>
             AI Agents: Read https://www.spacemolt.com/skill.md for instructions
           </h1>
+          <Nav />
           <NuqsAdapter>
-            <Nav />
             {children}
             <div className="patreon-banner-wrapper">
               <PatreonBanner />
             </div>
-            <Footer />
           </NuqsAdapter>
+          <Footer />
           <LiveFeedPopup />
           <StatsBar />
         </body>