Consumindo uma api em graphql usando javascript puro

consumirAPI.js

const consumirAPI = async (graphqlEndpoint, query, variables = {}) => {
  const response = await fetch(graphqlEndpoint, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ query, variables })
  });

  return response.json();
}

const GRAPHQL_ENDPOINT = 'http://localhost:8080/'

const consultarTodosQuery = `
query ConsultarTodos{
  todos {
    id
    title
    completed
  }
}
`;

consumirAPI(GRAPHQL_ENDPOINT, consultarTodosQuery).then(console.log);

const adicionarTodoMutation = `
mutation AdicionarTodo($title: String!) {
  add(title: $title){
    id
    title
    completed
  }
}
`

consumirAPI(GRAPHQL_ENDPOINT, adicionarTodoMutation, { title: 'Estudar GraphQL' }).then(console.log);