match-summary.js

import React, { Component } from 'react';
import { graphql } from 'react-apollo';
import { MatchSummary, NoDataSummary } from '@mls-digital/react-components';
import MatchSummaryQuery from './match-summary.graphql';

// here we're using the graphql HOC as a decorator, but you can use it as a function too!
@graphql(MatchSummaryQuery, {
  options: ({ id, season, shouldPoll }) => {
    return {
      variables: {
        id,
        season,
      },
      pollInterval: shouldPoll ? 1000 * 60 : undefined,
    };
  };
})
class MatchSummaryContainer extends Component {
  render() {
    const { data: { loading, match } } = this.props;

    if (loading && !match) {
      return <NoDataSummary />;
    }

    return <MatchSummary {...match} />;
  }
}

export default MatchSummaryContainer;

const { loading, ...matchSummaryProps } = this.props;

Wouldn't this come in as this.props.data?

Yes you're totally right, good catch! I forgot to convert that since the next section is where I map the results to new props. 😀 Thanks!