hunk.code_window:     <Query    // <- Wrapping the main component with Query component from react-apollo
         query={ query }
         fetchPolicy={ 'cache-and-network' }
       >
         {({ loading, data: { author:authors }}) => {
           return (
             <div>
               <h1>My Authors </h1>
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.after_edit:       {({ loading, data, error }) => {
           if(error) {
             return (<div>Error..</div>);
           }
  
hunk.file_path: community/sample-apps/nextjs-postgres-graphql/pages/index.js
hunk.type: replace
file: import gql from 'graphql-tag'
  import { Query } from 'react-apollo'
  import withData from '../config';
  
  import AuthorList from './AuthorList';
  
  const query = gql`
  	query {
  	  author {
  	    id
  	    name
  	  }
  	}
  `
  
  const Index = ({ authors } ) => {
    return (
      <Query    // <- Wrapping the main component with Query component from react-apollo
        query={ query }
        fetchPolicy={ 'cache-and-network' }
      >
        {({ loading, data: { author:authors }}) => {
          return (
            <div>
              <h1>My Authors </h1>
              <AuthorList authors={authors} />
            </div>
          );
        }}
      </Query>
    );
  };
  
  export default withData(Index)
  