Gatsby: [gatsby-source-graphql] InputFields (using a scalar type) are invalidated by relay-compiler

[inlet]

Description

It seems that scalar types are not supported? I've tried to build the schema via an introspection file as well and it still throws the same error.

Steps to reproduce

1. Open this simple graphql server and make sure it's running. See JSON scalar type in edit view. Running queries via graphiql gives you the correct response.

try:

{
  Search {
    asc: by(filter: { sort: "DESC" }) {
      result
    }
    desc: by(filter: { sort: "ASC" }) {
      result
    }
  }
}

1. Open this gatsby project, which points to the graphql server (step 1) and go to Server Control Panel tab and hit the Restart Sandbox button.

2. See error in Terminal tab:

error GraphQLIRPrinter: Need an InputObject type to print objects.

Tip

If you change page/index.js with this query (leave out the input args):

export const query = graphql`
  {
    searchapi {
      Search {
        by {
          result
        }
      }
    }
  }
`

the build succeeds.. it seems like relay-compiler doesn't like the custom scalar type. I've tried it with an older version of Gatsby and the error was something like:

GraphQL Error Expected a value matching type 'Search_JSON' but got an object value

Expected result

The build should succeed.

Actual result

Error:

error GraphQLIRPrinter: Need an InputObject type to print objects.

Environment

See codesandbox

Using Gatsby's GraphiQL

Query it with the builtin Gatsby GraphiQL at http://localhost:8000/___graphql works as expected

Thanks so much for creating this awesome project! Keep up the good work.

[freiksenet]

It's a bug upstream. I'll make a fix and send it to relay-compiler.

[freiksenet]

Right, this is actually already fixed by me in https://github.com/facebook/relay/pull/2638. I'll push additional regression test for it there just to make sure.

[inlet]

Right, this is actually already fixed by me in facebook/relay#2638.

Perhaps Gatsby using an older relay?

I'll push additional regression test for it there just to make sure.

Awesome! Would love to see this working

[freiksenet]

Perhaps Gatsby using an older relay?

It's not merged yet, that's why it still occurs.

[inlet]

That makes sense! Hopefully they'll merge it soon. Thanks man

[freiksenet]

Should be fixed in 2.1.1

[inlet]

Now it throws a different error:

The GraphQL query from /sandbox/src/pages/index.js failed.

Errors:
  Syntax Error: Expected Name, found String "sort"

See terminal tab: https://codesandbox.io/s/431j121929

(hit Restart Sandbox to run gatsby develop)

[inlet]

Any pointers why this happens?

[simoneb]

try removing the double quotes

[inlet]

See gatsby project, I'm not adding double quotes at all.

[simoneb]

"DESC" -> DESC

[inlet]

As you can see if I remove the double quotes it gets reconstructed with double quotes internally.

Can you make the codesandbox example to work?

[simoneb]

I couldn't, but when I opened it the quotes were still there. In any case, this issue doesn't seem to be fixed and it's affecting me too, with or without quotes.

[inlet]

@freiksenet Do you have any idea what's causing the issue? Thanks!

[simoneb]

To add more details to this, the same query in my case works perfectly fine in the GraphiQL tool running along with the gatsby development server. It suggests it's an issue with the way the query is parsed before being submitted to the server, or a wrong formatting when it is sent to the server.

[inlet]

To add more details to this, the same query in my case works perfectly fine in the GraphiQL tool running along with the gatsby development server.

Exactly, I pointed this out in the issue description as well.

It suggests it's an issue with the way the query is parsed before being submitted to the server, or a wrong formatting when it is sent to the server.

👍

It looks like the graphql validator (relay-compiler?) validates a serialized query.

[inlet]

@freiksenet any updates on this issue?

[karthikvt26]

Folks I am still facing this issue with my Hasura GraphQL engine server.

Here are my package.json and yarn.lock screenshots.

Here is the error

Am I doing anything wrong here?

Any help is greatly appreciated :)

[Overdozed]

Error with your hasura coming from using single query values where arrays are expected.
Probably you copied your query from their playground, but the playground set single objects per default also where array is expected. It doesn't cause errors on playground itself.