State Management · Junior · Question 62 of 75

Which fields of a `useQuery` result do you usually render from?

const { data, error, isPending, isError } = useQuery({ queryKey: ["todos"], queryFn });

✓Correct answer: isPending for the first load, isError/error for failures and data when it's ready
2Only data; errors are thrown to the console
3loading and result

Explanation

status is 'pending' | 'error' | 'success'. Checking it first lets TypeScript narrow data to a defined value in the success branch.

Further reading

TanStack Query: Queries ↗

Test yourself

Take the State Management · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.