example.js

const ALL_CUSTOMERS = gql`
  query {
    allCustomer {
      edges {
        node {
          id
          name
          description
        }
      }
    }
  }
`;

const Users = () => {
  return(
    <Query query={ALL_CUSTOMERS}>
      {({ loading, data, error }) => {
        console.log(data);
        if (loading) return <p>Loading...</p>;
        if (error) return <p>error</p>;
        return(
          <div>
            {data.edgs.nodes.map(customer => customer.name)}
          </div>
        );
      }}
    </Query>
  );
};

document.addEventListener('DOMContentLoaded', () => {
  initializeStore();
  ReactDOM.render(
    <ApolloProvider client={client}>
      <Users />
    </ApolloProvider>,
    document.querySelector('#app'),
  );
});