HOC_HELL.tsx

import { USER_INFOMATION_QUERY, USER_NOTIFICATION_QUERY, USER_INFOMATION_MUTATION } from './user.graphql'
import { graphql, compose } from 'react-apollo'
import UserInfomationComponent from './user.component'



// need to defined shape of
// prop types from enhanced component
type UserInfomationContainerPropTypes = {
  userId: string
}

// defined shape of HOC type
type UserInfomationQueryPropTypes = { }
type UserInfomationQueryData = { }
type UserInfomationQueryVariables = { }
type UserInfomationQueryResultPropTypes = { }

export default compose(
  graphql<UserInfomationQueryPropTypes, UserInfomationQueryData, UserInfomationQueryVariables, UserInfomationQueryResultPropTypes>(USER_INFOMATION_QUERY, {
    props: ({ }) =>{
      
      return {
        
      }
    }
  }),
  
  
  // over here, it need to merge result type from type above to prop type of current HOC
  graphql<UserNotificationQueryPropTypes & UserInfomationQueryResultPropTypes, UserNotificationQueryData, UserNotificationQueryVariables, UserNotificationQueryResultProps>(USER_NOTIFICATION_QUERY, {
  
  }),
  
  ... and so on 🙀

)(UserInfomationComponent) as React.SFC<UserInfomationContainerPropTypes>