How to input an array into a GraphQL Mutation

Question

I'm trying to add a field to my Mutation that has an array in it with my own type. When I added the attraction the the createTour mutation, I started getting this error:

Error: The type of Mutation.createTour(attractions:) must be Input Type but got: [Attraction].

Here is the problematic Mutation

type Mutation {
    createTour(
    title: String!
    description: String!
    attractions: [Attraction]      <----- THIS LINE
    ): Tour
    addCommentToTour(id: ID!, comment: String!): Tour
}

And here are the typedefs I have as well.

type Attraction {
    title: String
    description: String
    coordinateLat: Int
    coordinateLong: Int
}

type Tour {
    id: ID!
    title: String!
    description: String!
    author: String!
    attractions: [Attraction]      
}

How can I get this Mutation to take in this array?

As the error indicates, only input types can be used for arguments, not object types. This question comes up a lot. Please see here, here, and here. — Daniel Rearden
– Daniel Rearden, Commented Jan 17, 2019 at 2:14
Possible duplicate of Apollo / GraphQl - Type must be Input type — Daniel Rearden
– Daniel Rearden, Commented Jan 17, 2019 at 2:15
@DanielRearden aaaahhhhhhh, thank you so much for pointing me in the right direction. I did see one of those answers and just changed the type to input; I didn't realize I needed to create a completely different input; thank you! — SaiyanGirl
– SaiyanGirl, Commented Jan 17, 2019 at 2:27
Possible duplicate of Array of Objects Apollo Server and post from react — SaiyanGirl
– SaiyanGirl, Commented Jan 17, 2019 at 16:38

Christof Aenderl · Accepted Answer · 2019-02-13 16:32:26Z

1

More or less already answered in the comment from DanielRearden.

All input properties for a mutation must be defined as input in your schema. You can't use the same type that you use for output.

In your case you must create an additional:

input AttractionInput {
  title: String
  description: String
  coordinateLat: Int
  coordinateLong: Int
}

The basic idea is, that your input could be different from the output. A bit of redundant code but the separation is clearer.

answered Feb 13, 2019 at 16:32

Christof Aenderl

4,5323 gold badges43 silver badges51 bronze badges

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

Collectives™ on Stack Overflow

How to input an array into a GraphQL Mutation

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related