Use with VSCode-graphql

I am trying to use https://github.com/prismagraphql/vscode-graphql for Intellisense autocompletion/in-editor queries etc.

When executing a query using the extension, I get the following error:

Error: Network error: When parsing the constructor GraphQLRequest of type Hasura.GraphQL.Transport.HTTP.Protocol.GraphQLRequest expected Object but got Array.

My .graphqlconfig looks like this:

{
  "projects": {
    "Faberge": {
      "schemaPath": "./schema.graphql",
      "extensions": {
        "endpoints": {
          "default": "http://localhost:8080/v1alpha1/graphql"
        }
      }
    }
  }
}

Is there something more I need to do in order to get the correct response ?

[shahidhk]

An integration guide for VSCode is added at https://docs.hasura.io/1.0/graphql/manual/guides/code-editor-integrations/visual-studio-code.html

[buzinas]

@Jayphen I know you asked specifically about stpn.vscode-graphql, but I use apollographql.vscode-apollo, and it works like a charm for me. This is my apollo.config.js file:

module.exports = {
  client: {
    service: {
      name: 'your-project-name',
      url: 'http://localhost:8080/v1alpha1/graphql',
    },
    includes: ['**/queries/**/*.{gql,graphql}'], // change this to your pattern
  },
}

PS: you don’t need to use Apollo in your project to take advantage of its VS Code extension.