GraphQL - Реагируйте, как вернуть объект данных в запросе?

Question

В следующем коде работает возврат JSON.stringify. Когда я пытаюсь вернуть объект data.getOrders в методе map, я получаю сообщение об ошибке, что объект data.getOrders не определен.

<Query query={GET_ORDERS}>
  {({loading, error, data}) => {
    if(loading) return <div>Loading..</div>;
    if(error) return <div>{error.message}</div>;

    // work
    return <div>{JSON.stringify(data.getOrders)}</div>;

    // doesnt work
    return (
      <ul>
        {data.getOrders.map(order => (
          <li key={order.id}>{order.orderName}</li>
        ))}
      </ul>
    );
  }}
</Query>

Как я могу вернуть объект данных?