updated-react.jsx

//components/TodoApp.js
import { graphql } from 'react-apollo'

class TodoApp extends React.Component {
  render () { ... }
}

const withTodos = graphql(todosQuery, {
  props({ loading, data }) {
     return { todos: data ? data.todos : [] };
  }
});

const withAddTodo = graphql(addTodoMutation, {
  props: ({ mutate })  => ({
    addTodo: (text) => mutate({ variables: { text } });
  })
});

const withToggleTodo = graphql(toggleTodoMutation, {
  props: ({ mutate })  => ({
    toggleTodo: (id, complete) => mutate({ variables: { id, complete } });
  })
});

export default withTodos(withAddTodo(withToggleTodo(TodoApp)));