Cannot Connect to third Party GraphQL API

[udemezue01]

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Description

I tried making graphQL request resources with the following credentials and I got these errors below.

Here are some of the details of the GraphQL info below.

The GraphQL Endpoint is set up:

https://kaleidoscope-graph-ql.herokuapp.com/graphql

Required header "

X-AUTH-HEADER ="xxxxxxxxxxxxxxxxxxxxxxxx"

I don't know how to set it up in such a way that it returns a 200 ok

"gatsby-source-graphql" threw an error while running the sourceNodes lifecycle:

Source GraphQL API: HTTP error 400 Bad Request


  Error: Source GraphQL API: HTTP error 400 Bad Request

  - fetch.js:11 exports.fetchWrapper
    [raganortho]/[gatsby-source-graphql]/fetch.js:11:11

  - task_queues.js:95 processTicksAndRejections
    internal/process/task_queues.js:95:5

Reproduction Link

https://github.com/udemezue01/KL-Issues

Steps to Reproduce

1. clone project
2. cd KL-issues
3. npm install.
4. gatsby develop
   ...

Expected Result

I expected to get a 200 OK response

Actual Result

"gatsby-source-graphql" threw an error while running the sourceNodes lifecycle:

Source GraphQL API: HTTP error 400 Bad Request


  Error: Source GraphQL API: HTTP error 400 Bad Request

  - fetch.js:11 exports.fetchWrapper
    [raganortho]/[gatsby-source-graphql]/fetch.js:11:11

  - task_queues.js:95 processTicksAndRejections
    internal/process/task_queues.js:95:5

Environment

System:
    OS: Windows 10 10.0.19041
    CPU: (4) x64 Intel(R) Core(TM) i7-6600U CPU @ 2.60GHz
  Binaries:
    Node: 14.17.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.10 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 6.14.13 - C:\Program Files\nodejs\npm.CMD
  Languages:
    Python: 3.9.6 - /c/Users/JS/AppData/Local/Programs/Python/Python39/python
  Browsers:
    Edge: Spartan (44.19041.1023.0), Chromium (94.0.992.38)
  npmPackages:
    gatsby: ^3.6.2 => 3.9.1 
    gatsby-plugin-emotion: ^6.9.0 => 6.9.0 
    gatsby-plugin-gatsby-cloud: ^2.6.1 => 2.9.1 
    gatsby-plugin-image: ^1.8.0 => 1.9.0 
    gatsby-plugin-manifest: ^3.6.0 => 3.9.0 
    gatsby-plugin-offline: ^4.6.0 => 4.9.0 
    gatsby-plugin-postcss: ^4.13.0 => 4.13.0 
    gatsby-plugin-react-helmet: ^4.6.0 => 4.9.0 
    gatsby-plugin-sharp: ^3.6.0 => 3.9.0 
    gatsby-source-datocms: ^2.6.16 => 2.6.16 
    gatsby-source-filesystem: ^3.6.0 => 3.9.0 
    gatsby-source-google-places: 0.0.9 => 0.0.9 
    gatsby-source-google-reviews-en: ^1.0.2 => 1.0.2 
    gatsby-source-graphql: ^3.14.0 => 3.14.0 
    gatsby-transformer-sharp: ^3.6.0 => 3.9.0 
  npmGlobalPackages:
    gatsby-cli: 3.8.0

Config Flags

No response

[kemicofa]

+1 getting the same issue, but in my case I don't even need credentials.

    {
      resolve: "gatsby-source-graphql",
      options: {
        typeName: "gateway",
        fieldName: "gateway",
        url: "https://gateway.osc-fr1.scalingo.io",
      },
    },

This configuration fails.