Function MyComponent

packages/react-query/src/__tests__/useInfiniteQuery.test.tsx:1799–1825

()

    }

    function MyComponent() {
      useTrackRenders()
      const fetchCountRef = React.useRef(0)
      const query = useInfiniteQuery({
        queryFn: ({ pageParam }) =>
          fetchItems(pageParam, fetchCountRef.current++),
        getNextPageParam: (lastPage) => lastPage.nextId,
        initialPageParam: 0,
        queryKey: key,
      })
      const data = React.use(query.promise)
      return (
        <>
          {data.pages.map((page, index) => (
            <React.Fragment key={page.ts}>
              <div>
                <div>Page: {index + 1}</div>
              </div>
              {page.items.map((item) => (
                <p key={item}>Item: {item}</p>
              ))}
            </React.Fragment>
          ))}
          <button onClick={() => query.fetchNextPage()}>fetchNextPage</button>
        </>
      )
    }

    function Page() {
      useTrackRenders()