Fetch all the pages with useInfiniteQuery

something.tsx

  const uq = useInfiniteQuery({
    queryKey: ["all_contacts"],
    queryFn: ({ pageParam }) =>
      api.getContacts({
        page: pageParam,
      }),
    getNextPageParam: (lastPage) => {
      if (lastPage.pagination.hasNextPage === false) return null;
      return lastPage.pagination.currentPage + 1;
    },
    initialPageParam: 1,
  });

  useEffect(() => {
    if (!uq.isSuccess) return;
    if (uq.hasNextPage) {
      uq.fetchNextPage();
    }
  }, [uq.isSuccess]);

  const items = useMemo(() => {
    return uq.data?.pages.flatMap((page) => page.data) || [];
  }, [uq.data]);