mapProps.js

import { get } from 'lodash';
import { withRouter } from 'react-router';
import { graphql } from 'react-apollo';
import { compose, mapProps } from 'recompose';
import jobListQuery from './jobList.graphql';

function SomeBaseComponent() {
  {/*... some component...*/}
}

export default compose(
  withRouter,
  graphql(jobListQuery, {
    options: ({ match, jobFilter, offset }) => {
      const vanityUrl = match.params.id;
      return {
        variables: {
          vanityUrl,
          jobFilter,
          offset,
        },
      };
    },
  }),
  mapProps(({ data, ...rest }) => {
    const jobs = get(data, 'jobsByEmployerId.jobs');
    const total = get(data, 'jobsByEmployerId.total');
   
    return {
      ready: !data.loading,
      listData: jobs,
      pageCount: Math.ceil(total / 20),
      ...rest,
    };
  })
)(SomeBaseComponent);