Debugging your queries with Devtools

In Chapter 3, you learned about React Query Devtools. At that point, you didn’t know how to use queries yet, so we could not see it working. Well, now we can.

For the images you are going to see next, we are going to leverage the code we wrote when showing you the useQueries hook example in the Dynamic parallel queries section.

So that you remember, here is the code:

const usernameList = ["userOne", "userTwo", "userThree"];
const ExampleTwo = () => {
  const multipleQueries = useQueries({
    queries: usernameList.map((username) => {
      return {
        queryKey: [{ queryIdentifier: "api", username }],
        queryFn: fetchData,
      };
    }),
  });
  return (
  ...