NerdGraphMutation

import { NerdGraphMutation } from 'nr1';

NerdGraphMutation.mutate({
  mutation: ngql`
    mutation($guid: EntityGuid!) {
      taggingAddTagsToEntity(
        guid: $guid
        tags: { key: "team", values: ["ui"] }
      ) {
        errors {
          message
        }
      }
    }
  `,
  variables: {
    guid: 'XXXXXXXXXXX',
  },
});

function render() {
  const mutation = ngql`
    mutation($guid: EntityGuid!) {
      taggingAddTagsToEntity(guid: $guid, tags: $tags) {
        errors {
          message
        }
      }
    }
  `;
  const variables = {
    guid: 'XXXXXXXXXXX',
    tags: { key: 'team', values: ['ui'] },
  };

  // NOTE: Sometimes mutations take awhile so doing a refetch immediatly after a mutate
  // doesn't show any change.
  return (
    <NerdGraphQuery query={query} variables={variables}>
      {({ data, refetch }) => (
        <>
          <RenderData data={data} />
          <Button
            onClick={() =>
              NerdGraphMutation.mutate({
                mutation,
                variables,
              }).then(refetch)
            }
          >
            Mutate
          </Button>
        </>
      )}
    </NerdGraphQuery>
  );
}