Graphql mutation with fetch

updateCountry_fetch.js

const updateCountryFetch = async (countryId, happinessFactor, population) => {
  const query = JSON.stringify({
    query: `mutation {
          updateCountry(
            id: "${countryId}"
            happinessFactor: ${happinessFactor}
            population: ${population}) { id }
        }
    `
  });

  const response = await fetch(graphCoolEndpoint, {
    headers: {'content-type': 'application/json'},
    method: 'POST',
    body: query,
  });
  
  const responseJson = await response.json();
  return responseJson.data;
};

@mailyokesh The above example is using Template literals. To pass a variable from an argument, you just use String Interpolation. Eg. see id: "${countryId}".

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

message: "Must provide query string."}
is what I keep getting and I'm pretty fed up with graphQL at this point.

Here is working for me

async function generateConversationWith(userId: string) {
    const response = await fetch(`${process.env.API_URL}/graphql`, {
      method: "POST",
      credentials: "include",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({
        query: `
          mutation GenerateChatConversationWith {
            generateChatConversationWith(chatWithUserId: "${userId}") {
              id
            }
          }`,
      }),
    });
    const responseData = await response.json();

    console.log("response", responseData);
  }

Thanks @phattranky 🤝

thanks @phattranky