Creating a top-level schema for nested objects in GraphQL

Hi everyone! I am trying to use Graphql with my Sanity context, but im using groups for a page. And when i try to export the data to Graphql its telling me:
Encountered anonymous inline object "group" for field/type "groups". To use this field with GraphQL you will need to create a top-level schema type for it.

– How should i do this? just create another file called groups? i understand groups it's only to separate by tabs and organize the content input better.. not sure how to apply create a top schema for something like this.
Thanks for your help!

Hi ,
This is a common wall that you’ll hit periodically with GraphQL.

Create an object schema anytime there are nested objects fields within another object. This joists it up to a top-level object in GraphQL.

When I work in GraphQL, I create a single object file called

refObjects

. I keep the entire projects reference objects in it.
Here’s an example of my

refObjects

file from a Gatsby Project

const refCTA = {

name: 'ref.CTA',

type: 'object',

fields: [

{

name: 'refCTA',

title: 'Sitewide CTA',

type: 'reference',

to: [{ type: 'cta' }],

},

]

}

const refInteractiveSpine = {

name: 'ref.InteractiveSpine',

type: 'object',

fields: [

{

name: 'refInteractiveSpine',

title: 'Interactive Spine Image',

type: 'reference',

to: [{ type: 'interactiveSpine' }],

},

]

}

const refMenu = {

name: '<http://ref.menu|ref.menu>',

type: 'object',

fields: [

{

name: 'refMenu',

title: 'Menu',

type: 'reference',

to: [{ type: 'menu' }],

},

]

}

export default[refCTA, refInteractiveSpine, refMenu]

Thank you ! will try this out and let you know. Hope you are having a nice weekend