starred/linsa-linsa-io
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-04-24 09:18:37 +02:00
Code Issues 2 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Aslam H
2024-09-07 23:51:09 +07:00
parent 044f3abb2f
commit 45c4a38173
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/lib/providers/jazz-provider.tsx
View File

@@ -2,7 +2,7 @@
import { createJazzReactApp } from "jazz-react" import { createJazzReactApp } from "jazz-react"
import { LaAccount } from "@/lib/schema" import { LaAccount } from "@/lib/schema"
import { useClerk } from "@clerk/nextjs" import { useAuth, useClerk } from "@clerk/nextjs"
import { useJazzClerkAuth } from "jazz-react-auth-clerk" import { useJazzClerkAuth } from "jazz-react-auth-clerk"
const Jazz = createJazzReactApp({ const Jazz = createJazzReactApp({
@@ -13,17 +13,19 @@ export const { useAccount, useAccountOrGuest, useCoState, useAcceptInvite } = Ja
export function JazzAndAuth({ children }: { children: React.ReactNode }) { export function JazzAndAuth({ children }: { children: React.ReactNode }) {
const clerk = useClerk() const clerk = useClerk()
const { isLoaded } = useAuth()
const [authMethod, state] = useJazzClerkAuth(clerk)
const [auth, state] = useJazzClerkAuth(clerk) if (!isLoaded) return null
return ( return (
<> <>
{state.errors.map((error) => ( {state.errors.map(error => (
<div key={error}>{error}</div> <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} {children}
</Jazz.Provider> </Jazz.Provider>
</> </>
) )
} }