fix(jazz-auth): wait until clerk is loaded then pass to jazz

This commit is contained in:
Aslam H
2024-09-07 23:51:09 +07:00
parent 044f3abb2f
commit 45c4a38173

View File

@@ -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>
</>
)
}
}