Graphql + Shopify Polaris

Question

Я пытаюсь визуализировать таблицу, используя компонент Shopify Polaris Datatable. Я не нашел никаких ссылок на то, как это сделать, из запроса к GraphQL.

Я использую один из примеров, приведенных в документации Polaris на веб-сайте Shopify, но все еще не могу решить ее. Я полагаю, это довольно просто, но у меня мало знаний о реакции и поляризации. Кто-нибудь может мне помочь?

Мой код:

const GET_ORDERS_PAGINATION = gql`
          query list {
            orders(first: 10) {
              edges {
                node {
                  name
                  customer {
                    displayName
                  }
                  fulfillments {
                    createdAt
                    trackingInfo {
                      number
                      
                    }
                  }
                }
              }
            }
          } 
`;


export default function OrderList() {

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

             <DataTable
              columnContentTypes={[
                'text',
                'text',
                'text',
                'text', 
              ]}
              headings={['#','Name', 'CreateAt', 'Tracking']}
              rows={data.orders}
            /> 
          </Card>
          );
        }}
      </Query>
    );