Query result not delivered to component if array contains null values

I have an issue where my query works in Graphiql in my browser, but wont work for me in my React Native app.

This is a condensed version of the query:

    team(_id: $teamId) {
      _id
      history {
        score
      }
    }

If I don’t request history it works for me in RN too. When I do request history I don’t get any data back from the server for team. The server is getting the request and sending back data from my server console logs.

And the definition of team (condensed) is:

type Team {
  _id: ID
  history: [FixtureHistory]
}

type FixtureHistory {
  lineup: [String]
  subs: [String]
  score: Int
  finalLineup: [String]
  finalSubs: [String]
  autoSubs: [AutoSub]
  players: [Player]
}

Any idea why this works fine in Graphiql but not with Apollo Client on React Native?

[helfer]

@elie222 I found the bug and fixed it, just have to write a test for it. I’ll release it later today 🎉

[elie222]

I finally found the source of the error based on your comments @jagare. Note, this is specific to Apollo, all works fine in graphiql and looks like it should work fine. Seems to be a bug with Apollo.

Apollo wasn’t happy with me sending null in the array.

This works fine:

const teamData = {
  _id: 1,
  history: [
    {},
    {lineup: ['a', 'b', 'c']},
    {lineup: ['a', 'b', 'c']},
  ]
}

This doesn’t work fine:

const teamData = {
  _id: 1,
  history: [
    null,
    {lineup: ['a', 'b', 'c']},
    {lineup: ['a', 'b', 'c']},
  ]
}

This is the schema we’re talking about btw (and in the error repo I posted above):

const FixtureHistoryType = new GraphQLObjectType({
  name: 'FixtureHistory',
  fields: {
    lineup: { type: new GraphQLList(GraphQLString) },
  },
});

const TeamType = new GraphQLObjectType({
  name: 'Team',
  fields: {
    _id: { type: GraphQLID },
    history: { type: new GraphQLList(FixtureHistoryType) },
  },
});