From b0d5c41f644d4a1b97a500b4f45df3ba642e6482 Mon Sep 17 00:00:00 2001
From: Mohan Raj Rajamanickam <mrrajamanickam@coveo.com>
Date: Tue, 22 Aug 2023 18:56:19 -0700
Subject: [PATCH] extract common result list content

https://coveord.atlassian.net/browse/KIT-2606
---
 .../src/app/react/components/search-page.tsx        | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

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>
     );
   }