usePaginationFor.js

/**
 * Following https://graphql.org/learn/pagination/ pagination spec
 */
import { useQuery } from '@apollo/react-hooks'

function usePaginationFor(name, queryResult) {
  const { data = {}, fetchMore, variables, ...rest } = queryResult
  const { pageInfo = {} } = data[name] || {}

  const fetchMoreAndMerge = () =>
    fetchMore({
      variables: { ...variables, after: pageInfo.endCursor },
      updateQuery: (previousResult, { fetchMoreResult }) => {
        return {
          [name]: {
            ...previousResult[name],
            ...fetchMoreResult[name],
            edges: [
              ...previousResult[name].edges,
              ...fetchMoreResult[name].edges
            ]
          }
        }
      }
    })

  return { data, fetchMore: fetchMoreAndMerge, variables, ...rest }
}

// usage
const { fetchMore } = usePaginationFor('searchAccounts', useQuery(/* query */))