Skip to main content

useSuspenseQuery()

Call Signature​

function useSuspenseQuery<TData, TError>(options, queryClient?): UseSuspenseQueryResult<TData, TError>;

Uses the queryFn to execute the query. No different from the base useSuspenseQuery hook.

Type Parameters​

Type ParameterDefault type
TDataunknown
TErrorError

Parameters​

ParameterType
optionsUseSuspenseQueryOptions<TData, TError, TData, readonly unknown[]> & PowerSyncQueryOptions<any> & { query?: undefined; }
queryClient?QueryClient

Returns​

UseSuspenseQueryResult<TData, TError>

Example​

const { data } = useSuspenseQuery({
queryKey: ['lists'],
queryFn: getTodos,
});

Call Signature​

function useSuspenseQuery<TData, TError>(options, queryClient?): UseSuspenseQueryResult<TData[], TError>;

Uses the query to execute the PowerSync query.

Type Parameters​

Type ParameterDefault type
TDataunknown
TErrorError

Parameters​

ParameterType
optionsUseSuspenseQueryOptions<TData[], TError, TData[], readonly unknown[]> & PowerSyncQueryOptions<any> & { query: string | CompilableQuery<TData>; }
queryClient?QueryClient

Returns​

UseSuspenseQueryResult<TData[], TError>

Example​

const { data } = useSuspenseQuery({
queryKey: ['lists'],
query: 'SELECT * from lists where id = ?',
parameters: ['id-1']
});