gistfile1.txt

import { createFragmentFromPropTypes } 'react-apollo'
import React from 'react'

function Child(props) {
  return (
    <div>
      Name: {props.person.name} <br />
      Email: {props.person.email} <br />
    </div>
  )
}

Child.propTypes = {
  person: React.PropTypes.shape({
    name: React.PropTypes.string,
    email: React.PropTypes.string
  })
}

function Parent(props) {
  if (props.data.loading)
    return <div>Loading...</div>

  return (
    <div>
      <Child props.data.person />
    </div>
  )
}

const mapQueriesToProps = ({ ownProps }) => {
  data: {
    query: gql`query {
      person {
        id,
        ...personFragment
      }
    }`,
    fragments: {personFragment: createFragmentFromPropTypes(Child.propTypes.person)}
  }
}