mutation-with-state.js

import { mutation } from '@loona/react';

export class BooksState {
  @mutation('addBook')
  addBook(args, context) {
    // our new book
    const book = {
      id: generateRandomId(),
      title: args.title,
      __typename: 'Book',
    };

    // updates the store with help of Immer
    context.patchQuery(
      gql`
        {
          books {
            id
            title
          }
        }
      `,
      data => {
        data.books.push(book);
      },
    );

    return book;
  }
}