nuxtServerInit error

[vana-dev]

Version

v4.0.0-rc.19

Steps to reproduce

I don't know what is wrong :/ I tried to get data in nuxtServerInit

this is my store/index.js

import headerMenuGql from "~/gql/headerMenu.gql";

export const state = () => ({
  headerMenu: null
})

export const mutations = {
  setHeaderMenu (state, data) {
    state.headerMenu = data
  },
}

export const actions = {
  async nuxtServerInit({ dispatch }) {
    await dispatch('getHeaderMenu')
  },
  async getHeaderMenu ({ commit }) {
    const response = await this.app.apolloProvider.defaultClient.query({query: headerMenuGql})
    commit('setHeaderMenu', response)
  }
}

and headerMenu.gql

query headerMenu {
  menus {
    nodes {
      name
      slug
      menuItems {
        nodes {
          childItems {
            nodes {
              menuItemId
              label
              url
            }
          }
          menuItemId
          label
          url
        }
      }
      menuId
    }
  }
}

What is expected ?

get data into vuex store

What is actually happening?

GraphQL error: Internal server error

_{This bug report is available on Nuxt community (#c303)}

[YankeeTube]

same issue

[lustremedia]

You are most likely sending a wrong query, or there is a naming miss match. It is a GraphQL error!