¿Alguien podría proporcionar un ejemplo de paginación implementada con las políticas de campo de Apollo Client 3.0? He estado siguiendo el ejemplo de los documentos para implementar el desplazamiento infinito, pero en mi consola recibo la siguiente advertencia:

 The updateQuery callback for fetchMore is deprecated, and will be removed in the next major version of Apollo Client. Please convert updateQuery functions to field policies with appropriate read and merge functions, or use/adapt a helper function (such as concatPagination, offsetLimitPagination, or relayStylePagination) from @apollo/client/utilities. The field policy system handles pagination more effectively than a hand-written updateQuery function, and you only need to define the policy once, rather than every time you call fetchMore.

Soy bastante nuevo en Apollo y realmente no entiendo cómo hacerlo de la manera 3.0. Agradecería algunos ejemplos para entender mejor.

Aquí está mi código actual:

 import React from "react"; import { useGetUsersQuery } from "./generated/graphql"; import { Waypoint } from "react-waypoint"; const App = () => { const { data, loading, error, fetchMore } = useGetUsersQuery({ variables: { limit: 20, offset: 0 }, }); if (loading) return <div>Loading...</div>; if (error) return <div>Error</div>; return ( <div className="App"> {data && data.users && ( <div> {data.users.map((user, i) => { return ( <div key={i} style={{ margin: "20px 0" }}> <div>{user.id}</div> <div>{user.name}</div> </div> ); })} <Waypoint onEnter={() => { fetchMore({ variables: { offset: data.users.length }, updateQuery: (prev, { fetchMoreResult }) => { console.log("called"); if (!fetchMoreResult) return prev; return Object.assign({}, prev, { users: [...prev.users, fetchMoreResult.users], }); }, }); }} /> </div> )} </div> ); }; export default App;