loadinganderror.js

const GetPosts = () => (
  <Query query={GET_POSTS}>
    {({ loading, error, data }) => {
        if (loading) return "Loading...";
        if (error) return "Error";
        return (
          <div>
            {data.posts.map(post => (
              <p key={post.id}> { post.title } </p>
            ))}
          </div>
        );
    }}
  </Query>
);