fix(next-app-router): do not retrieve headers in csr (#6228)

algolia · Jun 5, 2024 · 4fca256 · 4fca256
1 parent cd6a150
commit 4fca256
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/react-instantsearch-nextjs/src/InstantSearchNext.tsx b/packages/react-instantsearch-nextjs/src/InstantSearchNext.tsx
@@ -55,6 +55,10 @@ export function InstantSearchNext<
     };
   }, []);
 
+  const nonce = safelyRunOnBrowser(() => undefined, {
+    fallback: () => headers().get('x-nonce') || undefined,
+  });
+
   const routing = useInstantSearchRouting(passedRouting, isMounting);
 
   const promiseRef = useRef<PromiseWithState<void> | null>(null);
@@ -73,9 +77,7 @@ This message will only be displayed in development mode.`
     <InstantSearchRSCContext.Provider value={promiseRef}>
       <InstantSearchSSRProvider initialResults={initialResults}>
         <InstantSearch {...instantSearchProps} routing={routing}>
-          {!initialResults && (
-            <InitializePromise nonce={headers().get('x-nonce') || undefined} />
-          )}
+          {!initialResults && <InitializePromise nonce={nonce} />}
           {children}
           {!initialResults && <TriggerSearch />}
         </InstantSearch>