diff --git a/packages/samples/headless-ssr/src/app/react/components/search-page.tsx b/packages/samples/headless-ssr/src/app/react/components/search-page.tsx
index b91c1863b53..6be13e13d0d 100644
--- a/packages/samples/headless-ssr/src/app/react/components/search-page.tsx
+++ b/packages/samples/headless-ssr/src/app/react/components/search-page.tsx
@@ -22,21 +22,26 @@ export default function SearchPage({ssrState}: {ssrState: SearchSSRState}) {
     });
   }, [ssrState]);
 
+  const content = (
+    <>
+      <ResultList />
+      <HydrationMetadata ssrState={ssrState} csrResult={csrResult} />
+    </>
+  );
+
   if (csrResult) {
     return (
       <CSRProvider
         engine={csrResult.engine}
         controllers={csrResult.controllers}
       >
-        <ResultList />
-        <HydrationMetadata ssrState={ssrState} csrResult={csrResult} />
+        {content}
       </CSRProvider>
     );
   } else {
     return (
       <SSRStateProvider controllers={ssrState.controllers}>
-        <ResultList />
-        <HydrationMetadata ssrState={ssrState} csrResult={csrResult} />
+        {content}
       </SSRStateProvider>
     );
   }