errorPolicy: ignore does not return an accessible response body

[dnd-GautierBardon]

Screenshot

Client setup

Request call

Client error thrown :

2025-03-26T09:56:04.848Z	d664b5d1-55aa-4d0c-af6c-8689593ed960	INFO	error thrown
2025-03-26T09:56:04.849Z	d664b5d1-55aa-4d0c-af6c-8689593ed960	INFO	_ClientError: GraphQL Error (Code: 400): {"response":{"status":400,"headers":{}},"request":{"query":"query {somequery}"}}
    at runRequest2 (/var/task/handler.js:227231:12)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async GraphQLClient.request (/var/task/handler.js:227425:22)
    at async GraphQLClient2.request (/var/task/handler.js:227647:20)
    at async Object.fetchObjectIdsFromMaps (/var/task/handler.js:228261:22)
    at async Object.getObjectId (/var/task/handler.js:228194:23)
    at async _AttributeCriteriaConverter.initCriteriaValues (/var/task/handler.js:228915:38)
    at async Object.buildAttributes (/var/task/handler.js:229287:5)
    at async Object.execute (/var/task/handler.js:229265:33)
    at async _Importer.execute (/var/task/handler.js:229753:26) {
  response: {
    status: 400,
    headers: Headers {
      date: 'Wed, 26 Mar 2025 09:56:04 GMT',
      server: 'MaPS',
      'x-xss-protection': '1; mode=block',
      'strict-transport-security': 'max-age=31536000; includeSubDomains',
      'content-security-policy': "default-src 'self' data: 'unsafe-hashes' 'unsafe-inline' 'unsafe-eval'; worker-src 'self' blob: 'unsafe-hashes' 'unsafe-inline' 'unsafe-eval'; frame-src 'self' youtube.com *.youtube.com *.youtube-nocookie.com data: 'unsafe-hashes' 'unsafe-inline' 'unsafe-eval'; img-src 'self' youtube.com *.youtube.com *.youtube-nocookie.com data: 'unsafe-hashes' 'unsafe-inline' 'unsafe-eval'; script-src-elem 'self' youtube.com *.youtube.com *.youtube-nocookie.com data: 'unsafe-hashes' 'unsafe-inline' 'unsafe-eval'; script-src-attr 'self' youtube.com *.youtube.com *.youtube-nocookie.com data: 'unsafe-hashes' 'unsafe-inline' 'unsafe-eval'; script-src 'self' youtube.com *.youtube.com *.youtube-nocookie.com data: 'unsafe-hashes' 'unsafe-inline' 'unsafe-eval'; style-src-elem 'self' data: 'unsafe-hashes' 'unsafe-inline' 'unsafe-eval'; style-src-attr 'self' data: 'unsafe-hashes' 'unsafe-inline' 'unsafe-eval'; style-src 'self' data: 'unsafe-hashes' 'unsafe-inline' 'unsafe-eval'; object-src 'none'",
      'content-type': 'application/json',
      expires: 'Thu, 19 Nov 1981 08:52:00 GMT',
      'cache-control': 'no-store, no-cache, must-revalidate, no-cache, private',
      pragma: 'no-cache',
      'x-frame-options': 'sameorigin',
      connection: 'close',
      'transfer-encoding': 'chunked'
    }
  },
  request: { query: 'query {somequery}', variables: undefined }
}
2025-03-26T09:56:04.850Z	d664b5d1-55aa-4d0c-af6c-8689593ed960	INFO	{
  e: _ClientError: GraphQL Error (Code: 400): {"response":{"status":400,"headers":{}},"request":{"query":"query {somequery}"}}
      at runRequest2 (/var/task/handler.js:227231:12)
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
      at async GraphQLClient.request (/var/task/handler.js:227425:22)
      at async GraphQLClient2.request (/var/task/handler.js:227647:20)
      at async Object.fetchObjectIdsFromMaps (/var/task/handler.js:228261:22)
      at async Object.getObjectId (/var/task/handler.js:228194:23)
      at async _AttributeCriteriaConverter.initCriteriaValues (/var/task/handler.js:228915:38)
      at async Object.buildAttributes (/var/task/handler.js:229287:5)
      at async Object.execute (/var/task/handler.js:229265:33)
      at async _Importer.execute (/var/task/handler.js:229753:26) {
    response: {
      status: 400,
      headers: Headers {...}
    },
    request: { query: 'query {somequery}', variables: undefined }
  }
}

Bruno response:

Description

graphql-request version 7.1.2

The GraphQl API I'm using returns explicit errors in the body, along with a 400 status code when the request is badly formed.
I need the body when such errors occur, so I tried using the errorPolicy: ignore parameter in the Client, but the client still throws an error and I cannot see body being thrown.

Reproduction Steps/Repo Link

Install graphql-request version 7.1.2.
Setup a client with errorPolicy: ignore.
Have an API return something in the body in case of a bad request.
Hit that API with a bad request.
See that the response body is never returned.

I may be doing something wrong but I don't know what it would be.

[adamlindqvist]

I have the same issue.

@dnd-GautierBardon: As of now I have the following workaround. Maybe it can help you too.

// Custom fetch to handle errors without throwing.
const fetchWithErrorResponse = async (
  input: RequestInfo | URL,
  init?: RequestInit,
) => {
  const response = await fetch(input, init);
  const json = await response.json();
  return new Response(JSON.stringify(json), {
    headers: response.headers,
  });
};

const client = new GraphQLClient(endpoint, {
  fetch: fetchWithErrorResponse,
});

[samausir]

Same issue here, although I don't think errorPolicy has anything to do with it.

The problem is that in runRequest a new GraphQLResponse-esque object is constructed, which lacks the errors key, so then in ClientError it always falls back to the default error message.

[fpinhodev]

I'm facing the same issue, any workaround to solve this situation?

[samausir]

@fpinhodev I ended up asking the backend devs to return 200 on error cases as well, citing the GraphQL spec:

The server SHOULD use the 200 status code for every response to a well-formed GraphQL-over-HTTP request, independent of any GraphQL request error or GraphQL field error raised.

If the response uses a non-200 status code then the client MUST NOT rely on the body to be a well-formed GraphQL response.

Then the backend error message is accessible through err?.message?.split(':').at(0). Presumably that's the thing you'd need from the body on an error case?

[fpinhodev]

@samausir i received this error on "try catch":

Error: Error: User not found: {"response":{"data":null,"errors":[{"message":"User not found","locations":[{"line":3,"column":5}],"path":["login"],"extensions":{"code":"INTERNAL_SERVER_ERROR","stacktrace":["Error: User not found","    at AuthResolver.login (/vercel/path1/GatewayAPIService/src/graphql/resolvers/authResolver.ts:439:10)","    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)"]}}],"status":200,"headers":{}},"request":{"query":"\n  mutation ($email: String!, $password: String!) {\n    login(data: { email: $email, password: $password }) {\n      id\n      role\n      token\n      tokenExpiration\n    }\n  }\n","variables":{"email":"wqdwqwq@gmail.com","password":"qwdqwdwqqwdqA1"}}}

I fixed this situation using this following code:

const errorString = String(error);
const jsonString = errorString.substring(errorString.indexOf('{'))   // Extract the JSON part
const errorParsed = JSON.parse(jsonString)   // Parse the JSON string into an object

[angelitaooo]

What if we cannot change the backend response? we need a way to access the response body even if there is an error 500 for example.