How to show NULL in graphql result if the field is empty - reactjs

Question

I'm using Strapi as cms for my frontend page in Gatsby.
In Strapi I have a content-type Pages. The Pages content-type is many to many relations to all other content types.
Thus I have content types as follows:
Pages
Footers
Headers
For query as follows:
query MyQuery {
allStrapiPage {
edges {
node {
footers {
name
}
headers {
name
}
}
}
}
}
I'm getting all results as I should get.
Thus, the result is as follows:
{
"data": {
"allStrapiPage": {
"edges": [
{
"node": {
"footers": [
{
"name": "Footer ONE"
}
]
}
},
{
"node": {
"headers": [
{
"name": "Header one"
}
]
}
},
]
}
}
}
But if I do not have any records in footers or headers content type for the query above I get an error as follows:
"Cannot query field \"footers\" on type \"StrapiPage\".
That is not what I want. How can I get null on the field that not exists? Thus if footers content type is empty, I expect result as follows:
{
"data": {
"allStrapiPage": {
"edges": [
{
"node": {
"footers": null
}
},
{
"node": {
"headers": [
{
"name": "Header one"
}
]
}
},
]
}
}
}
How can I do that?
Thanks in advance.

Answer 1

I just joined and can't comment on posts yet so I'll put this in the answer section. Did you check that in your schema you defined footers and headers as nullable fields? That could be causing your error