useReactorSuspenseQuery

useReactorSuspenseQuery is a React hook for fetching data via a Reactor instance with Suspense support.

Import

import { useReactorSuspenseQuery } from "@ic-reactor/react"

Usage

import { Suspense } from "react"
import { useReactorSuspenseQuery } from "@ic-reactor/react"
import { backend } from "./reactor"

function UserProfile({ userId }) {
  const { data } = useReactorSuspenseQuery({
    reactor: backend, // 👈 Required
    functionName: "getUser",
    args: [userId],
  })

  // data is always defined
  return <div>{data.name}</div>
}

function App() {
  return (
    <Suspense fallback="Loading...">
      <UserProfile userId="123" />
    </Suspense>
  )
}

Options

Required Options

Option	Type	Description
reactor	Reactor<A, T>	The Reactor instance to use
functionName	string	The canister method to call

Optional Options

Same as useActorSuspenseQuery.

Caution

Like useActorSuspenseQuery, this hook does NOT support the enabled option.

Return Value

Returns a Suspense-enabled Query result object (errors are thrown, valid data returned).

See Also

• useActorSuspenseQuery — Bound version
• useReactorQuery — Non-suspense version
• Reactor Overview