From efa5385d6a7885274b6626cc5e15b86da33d4b0a Mon Sep 17 00:00:00 2001
From: Sawyer <sawyer@dirtroad.dev>
Date: Fri, 18 Sep 2026 12:55:02 -0700
Subject: [PATCH] fix(web): onboarding renders inside a query client so the
 provider step can call the hub (CL-8595)

---
 apps/web/src/app.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/app.tsx b/apps/web/src/app.tsx
index 18527fcc4..d4471e14e 100644
--- a/apps/web/src/app.tsx
+++ b/apps/web/src/app.tsx
@@ -34,14 +34,21 @@ import { ShellChromeProvider } from "./shell/shell-chrome-provider";
 function OnboardingGate({
   navigate,
   user,
+  onSignOut,
 }: {
   readonly navigate: Navigate;
   readonly user: SessionUser;
+  readonly onSignOut: () => void;
 }) {
+  // The provider step's hub calls are queries and mutations too, so
+  // onboarding needs its own client just like the shell does.
+  const queryClient = useMemo(() => createAppQueryClient(onSignOut), [onSignOut]);
   return (
-    <NavigationProvider navigate={navigate}>
-      <OnboardingPage user={user} />
-    </NavigationProvider>
+    <QueryClientProvider client={queryClient}>
+      <NavigationProvider navigate={navigate}>
+        <OnboardingPage user={user} />
+      </NavigationProvider>
+    </QueryClientProvider>
   );
 }
 
@@ -159,7 +166,7 @@ export function App({
           return <Redirect to="/" from={path} navigate={navigate} />;
         }
         if (path === ONBOARDING_PATH) {
-          return <OnboardingGate navigate={navigate} user={session.user} />;
+          return <OnboardingGate navigate={navigate} user={session.user} onSignOut={onSignOut} />;
         }
         return <Shell path={path} navigate={navigate} user={session.user} onSignOut={onSignOut} />;
     }