From 45c4a381735820fc19c729da089c63af37595c9a Mon Sep 17 00:00:00 2001
From: Aslam H <iupin5212@gmail.com>
Date: Sat, 7 Sep 2024 23:51:09 +0700
Subject: [PATCH] fix(jazz-auth): wait until clerk is loaded then pass to jazz

---
 web/lib/providers/jazz-provider.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/lib/providers/jazz-provider.tsx b/web/lib/providers/jazz-provider.tsx
index 3ca9ca9a..2fa33758 100644
--- a/web/lib/providers/jazz-provider.tsx
+++ b/web/lib/providers/jazz-provider.tsx
@@ -2,7 +2,7 @@
 
 import { createJazzReactApp } from "jazz-react"
 import { LaAccount } from "@/lib/schema"
-import { useClerk } from "@clerk/nextjs"
+import { useAuth, useClerk } from "@clerk/nextjs"
 import { useJazzClerkAuth } from "jazz-react-auth-clerk"
 
 const Jazz = createJazzReactApp({
@@ -13,17 +13,19 @@ export const { useAccount, useAccountOrGuest, useCoState, useAcceptInvite } = Ja
 
 export function JazzAndAuth({ children }: { children: React.ReactNode }) {
 	const clerk = useClerk()
+	const { isLoaded } = useAuth()
+	const [authMethod, state] = useJazzClerkAuth(clerk)
 
-	const [auth, state] = useJazzClerkAuth(clerk)
+	if (!isLoaded) return null
 
 	return (
 		<>
-			{state.errors.map((error) => (
+			{state.errors.map(error => (
 				<div key={error}>{error}</div>
 			))}
-			<Jazz.Provider auth={auth || "guest"} peer="wss://mesh.jazz.tools/?key=example@gmail.com">
+			<Jazz.Provider auth={authMethod || "guest"} peer="wss://mesh.jazz.tools/?key=example@gmail.com">
 				{children}
 			</Jazz.Provider>
 		</>
 	)
-}
\ No newline at end of file
+}