connectedcomponents.js

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

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

const NumbersWithData = () => (
  <Query query={FirstQuery}>
    {({ loading: loadingOne, data: { one } }) => (
      <Query query={SecondQuery}>
        {({ loading: loadingTwo, data: { two }}) => {
          if (loadingOne || loadingTwo) return <span>loading...</span>
          return <h3>{one} is less than {two}</h3>
        }}
      </Query>
    )}
  </Query>
);