Chapter 5 - Client Dev: JavaScript - example doesn't work

[ivansvlv]

Hi, this example doesn't work:

const makeGraphqlRequest = async ({ endpoint, document }) => {
  const options = {
    method: 'POST',
    headers: new Headers({
      'Content-Type': 'application/json'
    }),
    body: JSON.stringify({
      query: document
    })
  }

  const response = await fetch(endpoint, options);
  return response.json()
}

const result = await makeGraphqlRequest({
  endpoint: 'https://api.graphql.guide/graphql',
  document: '{ githubStars }'
});

console.log(result);

await can't be used outside of the async, I guess it should be changed to the code you have in jsbin:

const makeGraphqlRequest = async ({ endpoint, document }) => {
  const options = {
    method: 'POST',
    headers: new Headers({ 
      'Content-Type': 'application/json' 
    }),
    body: JSON.stringify({
      query: document
    })
  }

  const response = await fetch(endpoint, options)
  return response.json()
}

async function fetchExample() {
  const document = '{ githubStars }'

  console.log('Sending query: ' + document)
  const result = await makeGraphqlRequest({
    endpoint: 'https://api.graphql.guide/graphql', 
    document
  })
  console.log('Response:', result)
}

fetchExample()

[lorensr]

Thanks Ivan! Fixed, and will be included in r3