Custom Error Handling for Network Errors

Lets say I have a GraphQL schema defined has below,

input User {
     name: String!
     email: String!
}

type Mutation {
     createUser (payload: User!): Boolean
}

When I send a mutation createUser with input field/s missing, the server sends me a 400 Bad Request with some payload like below (as seen on browser Inspect logs),

{
  "errors": [
    {
      "message": "Field User.name of required type String! was not provided.",
      "locations": [
        {
          "line": 2,
          "column": 10
        }
      ]
    }
  ]
}

But Playground shows be the below error, and Apollo Client also receives this error.

{
  "error": "Response not successful: Received status code 400"
}

Is there a way to customise this error, maybe something like below,

{
    "errors": {
          "name": "ValidationError",
          "details": [
              "Field User.name of required type String! was not provided."
          ]
     }
}

[nagman]

Same here. How to display this payload in the server response body?

[frandiox]

Same here when creating a custom scalar.

In the network tab I can see {"errors":[{"message":"Expected type ReferenceNumber!, found \"12345678\"; String's length must be at most 7, got 8","locations":[{"line":2,"column":69}]}]}.

In the playground I only see {"error": "Response not successful: Received status code 400"}.