How to specify Graphql mutation with object variable when making Fetch call?

Question

I have a Graphql schema that looks like this:

type Mutation {
  createUploadUrl(
    input: CreateUploadUrl!
  ): MyResponse!
}

input CreateUploadUrl {
  deploymentId: ID!
}

I'm new to Graphql and am getting lost when trying to work out what my query should look like when I submit it via fetch:

fetch('https://example.com', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({
        query: `
            mutation($input: ) {
               createUploadUrl($input) {
                 __typename,
                 // my values I want to retrieve
                 // ...
               }
             }`,
        variables: {
            input: {deploymentId: "XXX"}
        }
    }),
})
    .then((res) => res.json())
    .then((result) => console.log(result));

The above gives me an error: `message: "Syntax Error: Expected Name, found "$"."

How am I supposed to specify a query or mutation that requires an object as a variable? `

dna · Accepted Answer · 2022-09-19 08:39:28Z

1

You just need to define your parametrized function and wrap the effective mutation. In the example below the mutation MyMutation takes as param a $arg wich is a CreateUploadUrl!. Then pass the $arg to the input of the mutation, the invocation becomes:

mutation MyMutation($arg: CreateUploadUrl!) {
  createUploadUrl(input: $arg) {
  __typename,
  ...
}

edited Sep 19, 2022 at 8:39

answered Sep 18, 2022 at 22:26

dna

2,3272 gold badges14 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to specify Graphql mutation with object variable when making Fetch call?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related