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: const envObj = `apiHost: '${process.env.API_HOST}',
          apiPort: '${process.env.API_PORT}',
          dataApiUrl: '${process.env.DATA_API_URL}',
          adminSecret: '${process.env.ADMIN_SECRET}',
          consoleMode: '${process.env.CONSOLE_MODE}',
          nodeEnv: '${process.env.NODE_ENV}',
          urlPrefix: '${process.env.URL_PREFIX}',
          enableTelemetry: ${process.env.ENABLE_TELEMETRY},
          assetsPath: '${process.env.ASSETS_PATH}',
          assetsVersion: '${process.env.ASSETS_VERSION}',
          serverVersion: '${process.env.SERVER_VERSION}',
          cdnAssets: ${process.env.CDN_ASSETS},
  `;
  
  let appendObj;
  
  if (process.env.ADMIN_SECRET !== undefined) {
    appendObj = `
    adminSecret: '${process.env.ADMIN_SECRET}'`;
  } else {
    // ADMIN_SECRET is undefined
    if (process.env.IS_ADMIN_SECRET_SET !== undefined) {
      appendObj = `isAdminSecretSet: ${process.env.IS_ADMIN_SECRET_SET}`;
    } else {
      // Both ADMIN_SECRET and IS_ADMIN_SECRET_SET is undefined
      if (process.env.ACCESS_KEY !== undefined) {
        appendObj = `accessKey: ${process.env.ACCESS_KEY}`;
      } else {
        appendObj = `isAccessKeySet: ${process.env.IS_ACCESS_KEY_SET}`;
      }
    }
  }
  
  const env = `
      window.__env={\n\t\t${envObj}\t\t${appendObj}
      };
  `;
  
  export { env };
  