From 900f6710bce27afd6409dd6f25752f3d5b5eb1ac Mon Sep 17 00:00:00 2001
From: Berk Cambaz <berkcambaz12321@gmail.com>
Date: Wed, 21 Aug 2024 12:36:42 +0300
Subject: [PATCH] Move GrazProvider children outside of ClientOnly component

This change allows the Next.js app to work with SSR. When the {children} in GrazProvider is a child of <ClientOnly> component, it's not rendered in the Next.js server, so the client never receives the page with the content initially, only after the client-side js is loaded.

Signed-off-by: Berk Cambaz <berkcambaz12321@gmail.com>
---
 packages/graz/src/provider/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/graz/src/provider/index.tsx b/packages/graz/src/provider/index.tsx
index 3ec0f99a..7b9d2838 100644
--- a/packages/graz/src/provider/index.tsx
+++ b/packages/graz/src/provider/index.tsx
@@ -38,8 +38,8 @@ export const GrazProvider: FC<GrazProviderProps> = ({ children, grazOptions, ...
 
   return (
     <QueryClientProvider key="graz-provider" client={queryClient} {...props}>
+      {children}
       <ClientOnly>
-        {children}
         <GrazEvents />
       </ClientOnly>
     </QueryClientProvider>