GraphQL + Apollo + React: невозможно отобразить данные

Это происходит потому, что ваш сетевой вызов еще не завершен, но компонент отображается с использованием недоступной переменной.

Вам нужно использовать networkStatus, чтобы увидеть, закончился ли сетевой вызов, только тогда данные будут доступны для рендеринга. А пока нужно загрузчик показать.

Так что замените

graphql(CounterpartyQuery, { name: 'data' })

от

graphql(CounterpartyQuery, {
        name: 'data' ,
        props : ({data}) => {
            return {
                data,
                isLoading:data['networkStatus']==1 || data['networkStatus']==2 || data['networkStatus']==4
            }
        }
    }),

а затем используйте

this.props.isLoading

в методе рендеринга, чтобы решить, отображать ли загрузку или отображать список.

Например:

render() {
        console.info(this.props.data, this.props.isLoading)
        return (
            {this.props.isLoading ? <div>Loading Data</div>:<div>hiii{this.props.data.counterparty.map(x => x.name)}</div>
        }
    )
}

https://www.apollographql.com/docs/react/api/react-apollo.html#graphql-query-data-networkStatus

Клиент Apollo HOC передает опору loading для каждого из ваших запросов, она понадобится вам почти в каждом случае, чтобы дождаться ответа перед рендерингом ваших данных (вам также необходимо обрабатывать ошибки запроса):

export class ExchangeRates extends React.Component {

    render() {
        if (this.props.data.loading) {
            return <div> Loading </div>; // rendering an animated loading indicator here is good practice to show an activity
        }
        if (this.props.data.error) {
            return <div> Error </div>;
        }
        return (
            <div>hiii{this.props.data.counterparty.map(x => x.name)}</div>
        )
    }
}