Function useAsync

src/client/useAsync.ts:12–40

(keyValue: unknown, asyncFn: () => T)

const globalObject = getGlobalObject<{ suspenses: Suspenses }>('useAsync.ts', { suspenses: {} })

function useAsync<T>(keyValue: unknown, asyncFn: () => T): Awaited<T> {
  assertKey(keyValue)
  const key = stringifyKey(keyValue)
  const elementId = useId()

  const resolver = async () => {
    const value = await asyncFn()
    return value
  }

  const resolverSync = () => {
    const initData = getInitData(key, elementId)
    if (initData) {
      const { value } = initData
      return { value: value as Awaited<T> }
    }
    return null
  }

  return useSuspense({
    suspenses: globalObject.suspenses,
    resolver,
    resolverSync,
    key,
    elementId,
    needsWorkaround: true,
    asyncFnName: asyncFn.name,
  })
}

// See provider `provideInitData()`
function getInitData(key: string, elementId: string): InitData | null {