React Component using a query HoC

todos.jsx

import React, { Component } from 'react';
import { query } from 'react-graphql-redux';

const TodoList = ( { data: { todos } } ) => {
  return (
    <div>
    { todos.map( todo => 
      <Todo key={ todo.id } text={ todo.text } done={ todo.done } />
    ) }
    </div>
  );
};

export default query(`
  {
    todos {
      id
      text
      done
    }
  )
 `)( TodoList );