react-apollo-hoc.js

import React from 'react'
import { gql } from 'apollo-boost'
import { graphql } from 'react-apollo'

const MyComponent = ({data}) => {
  const { loading, error, things} = data;
  if (loading) return 'Loading'
  if (error) return `Error: ${error}`
  return (
    <div>
      {things.map(({text, id}) => <p key={id}>{text}</p>)}
    </div>
  )
}

const MY_QUERY = gql`
  query {
    things{
      id
      text
    }
  }
`;

export default graphql(MY_QUERY)(MyComponent)