hunk.code_window:   ],
     "author": "Karthik V",
     "license": "ISC",
     "dependencies": {
       "graphql-tag": "^2.10.0",
       "next": "^7.0.1",
       "next-apollo": "^2.0.0",
       "react": "^16.5.2",
       "react-apollo": "^2.2.4",
       "react-dom": "^16.5.2"
     }
   }
hunk.labels: keep keep keep keep replace replace replace replace replace replace keep keep
hunk.after_edit:     "apollo-boost": "^0.4.4",
       "graphql": "^14.5.6",
       "graphql-tag": "^2.10.1",
       "next": "^9.0.5",
       "next-apollo": "^3.1.2",
       "next-server": "^9.0.5",
       "react": "^16.9.0",
       "react-apollo": "^3.1.1",
       "react-dom": "^16.9.0"
  
hunk.file_path: community/sample-apps/nextjs-postgres-graphql/package.json
hunk.type: replace
file: import * as React from 'react'
  
  import { Todos } from '../../generated/graphql';
  
  type User = {
    user: {
      name: string
    }
  }
  
  interface TaskItemState {
    index: number,
    todo: Partial<Todos> & User
  }
  
  const TaskItem = ({index, todo} : TaskItemState) => {
    return (
      <li>
        <div className="userInfoPublic" title={todo.user.name}>
          @{todo.user.name}
        </div>
        <div className={"labelContent" + (todo.is_completed ? " completed" : '')}>
          <div>
            {todo.title}
          </div>
        </div>
      </li>
    );
  };
  
  export default TaskItem;
  