Nested pages in Hygraph (GraphCMS) with Nextjs dynamic routing

Question

I am trying to create nested pages using Hygraph (GraphCMS) and Nextjs. I thought about using [..slug].js

But the problem I have is that writing my slug-like this "page/subpage" the GraphCMS returns the following structure which is not an array or nested

{
  "data": {
    "pages": [
      {
        "slug": "page/subpage"
      }
    ]
  }
}

And if I try to get static paths Nextjs simply will find nothing at page/subpage, it will always be 400 not found because it is a string and only will work as http://localhost:3000/page%2Fsubpage

Does anyone know how to create subpages in GraphCMS (Hygraph)? Really need your help.

Right now I have the following code to get static paths

export async function getStaticPaths() {
        
    const client = graphcmsClient()

    const { pages } = await client.request(`
    query {
        pages(where: {slug_not_in: ["home"]}) {
            slug
        }
    }
    `)    
    
    return {
        paths: pages.map(({ slug }) => ({
            params: { slug },
        })),
        fallback: false
    }
}