Await Resource

export const [SessionProvider, useSession] = createContextProvider(() => {
  const cookie = isServer
    ? useRequest().request.headers.get("cookie") ?? ""
    : document.cookie
  const [userSession] = createResource(async () => {
    const session = await storage.getSession(cookie)
    return {
      instance: session.get('instance') as string || null,
      key: session.get('key') as string || null
    }
  }, {
    deferStream: true
  })
  return userSession
})

export const [SessionProvider, useSession] = createContextProvider(() => {
  const cookie = isServer
    ? useRequest().request.headers.get("cookie") ?? ""
    : document.cookie
  const [userSession] = createResource(async () => {
    const session = await storage.getSession(cookie)
    return {
      instance: session.get('instance') as string || null,
      key: session.get('key') as string || null
    }
  }, {
    deferStream: true
  })
  return userSession
})

const gclc = () => createClient({
  url: `https://${useSession()().instance}/api/graphql`,
  fetchOptions: () => {
    return {
      headers: {
         'Authorization': `Bearer ${useSession()().key}`
      }
    }
  }
})

const gclc = () => createClient({
  url: `https://${useSession()().instance}/api/graphql`,
  fetchOptions: () => {
    return {
      headers: {
         'Authorization': `Bearer ${useSession()().key}`
      }
    }
  }
})