useSuspenseQuery()

function useSuspenseQuery<T>(
   query, 
   parameters?, 
options?): SuspenseQueryResult<T>

A hook to access the results of a watched query that suspends until the initial result has loaded.

Type parameters

Type parameter	Value
T	any

Parameters

Parameter	Type
query	string | CompilableQuery<T>
parameters?	any[]
options?	AdditionalOptions

Returns

SuspenseQueryResult<T>

Example

export const ContentComponent = () => {
const { data: lists }  = useSuspenseQuery('SELECT * from lists');

return <View>
  {lists.map((l) => (
    <Text key={l.id}>{JSON.stringify(l)}</Text>
  ))}
</View>;
}

export const DisplayComponent = () => {
return (
   <Suspense fallback={<div>Loading content...</div>}>
      <ContentComponent />
   </Suspense>
);
}