Apollo’s asynchronous HoCs Example

users.js

const UniversalUser = universal(() => import('./User'), {
  resolve: () => require.resolveWeak('./User'),
  loading: <Loading />
})

const User = ({ loading, error, user }) =>
  <div>
    <UniversalUser isLoading={loading} error={error} user={user} />
  </div>

export default graphql(gql`
  query CurrentUser {
    user {
      id
      name
    }
  }
`, {
  props: ({ ownProps, data: { loading, error, user } }) => ({
    loading,
    error,
    user,
  }),
})(User)