connectedhoc.js

const FirstQuery = gql`
  query One {
    one
  }
`;

const SecondQuery = gql`
  query Two {
    two
  }
`;

const withOne = graphql(FirstQuery, {
  props: ({ data }) => ({
    loadingOne: data.loading,
    one: data.one
  }),
});

const withTwo = graphql(SecondQuery, {
  props: ({ data }) => ({
    loadingTwo: data.loading,
    two: data.two
  }),
});

const Numbers = ({ loadingOne, loadingTwo, one, two }) => {
  if (loadingOne || loadingTwo) return <span>loading...</span>
  return <h3>{one} is less than {two}</h3>
};

const NumbersWithData = compose(withOne, withTwo)(Numbers);