Fix example page params

Author: markerikson

examples/query/react/infinite-queries/src/features/bidirectional-cursor-infinite-scroll/infiniteScrollApi.ts

@@ -31,7 +31,7 @@ export const apiWithInfiniteScroll = baseApi.injectEndpoints({
       QueryParamLimit,
       ProjectsInitialPageParam
     >({
-      query: ({ before, after, around, limit }) => {
+      query: ({ pageParam: { before, after, around, limit } }) => {
         const params = new URLSearchParams()
         params.append("limit", String(limit))
         if (after != null) {

examples/query/react/infinite-queries/src/features/infinite-scroll/infiniteScrollApi.ts

@@ -14,7 +14,8 @@ type ProjectsPageCursor = {
 export const apiWithInfiniteScroll = baseApi.injectEndpoints({
   endpoints: build => ({
     getProjectsCursor: build.infiniteQuery<ProjectsPageCursor, string, number>({
-      query: page => `https://example.com/api/projectsCursor?cursor=${page}`,
+      query: ({ pageParam }) =>
+        `https://example.com/api/projectsCursor?cursor=${pageParam}`,
       infiniteQueryOptions: {
         initialPageParam: 0,
         getPreviousPageParam: firstPage => firstPage.previousId,

examples/query/react/infinite-queries/src/features/limit-offset/infiniteScrollApi.ts

@@ -61,7 +61,7 @@ export const apiWithInfiniteScroll = baseApi.injectEndpoints({
           }
         },
       },
-      query: ({ offset, limit }) => {
+      query: ({ pageParam: { offset, limit } }) => {
         return {
           url: `https://example.com/api/projectsLimitOffset?offset=${offset}&limit=${limit}`,
           method: "GET",

examples/query/react/infinite-queries/src/features/max-pages/infiniteScrollApi.ts

@@ -18,7 +18,8 @@ export const apiWithInfiniteScrollMax = baseApi.injectEndpoints({
       string,
       number
     >({
-      query: page => `https://example.com/api/projectsCursor?cursor=${page}`,
+      query: ({ pageParam }) =>
+        `https://example.com/api/projectsCursor?cursor=${pageParam}`,
       infiniteQueryOptions: {
         initialPageParam: 0,
         maxPages: 3,

examples/query/react/infinite-queries/src/features/pagination-infinite-scroll/infiniteScrollApi.ts

@@ -61,7 +61,7 @@ export const apiWithInfiniteScroll = baseApi.injectEndpoints({
           }
         },
       },
-      query: ({ page, size }) => {
+      query: ({ pageParam: { page, size } }) => {
         return {
           url: `https://example.com/api/projectsPaginated?page=${page}&size=${size}`,
           method: "GET",

examples/query/react/infinite-queries/src/features/pagination/paginationApi.ts

@@ -13,7 +13,8 @@ type ProjectsPage = {
 export const apiWithPagination = baseApi.injectEndpoints({
   endpoints: build => ({
     getProjects: build.infiniteQuery<ProjectsPage, string, number>({
-      query: page => `https://example.com/api/projects?page=${page}`,
+      query: ({ pageParam }) =>
+        `https://example.com/api/projects?page=${pageParam}`,
       infiniteQueryOptions: {
         initialPageParam: 0,
         getNextPageParam: (lastPage, pages, lastPageParam, allPageParams) => {