Function UseLiveQuery

Example

<CuttlefishProvider endpoint="http://localhost:4141" upstreamId="my-db">
  <UseLiveQuery
    sql="SELECT * FROM users WHERE active = $1"
    params={[true]}
  >
    {(result) => (
      <div>
        {result.state.connection !== "connected" && <p>Loading...</p>}
        {result.state.connection === "error" && (
          <p>Error: {result.state.error?.message}</p>
        )}
        <ul>
          {result.data.map((user: unknown) => (
            <li key={(user as any).id}>{(user as any).name}</li>
          ))}
        </ul>
      </div>
    )}
  </UseLiveQuery>
</CuttlefishProvider>
Copy