Estoy creando un blog usando Next.js y GraphCMS. estaba sacando los datos

El archivo de solicitud es:

 `query MyQuery { postsConnection { edges { cursor node { author { bio name id photo { url } } createdAt slug title excerpt featuredImage { url } categories { name slug } } } } }`; const result = await request(graphqlAPI, query); return result.postsConnection.edges;

Y el archivo Next.js pages/index.js es:

 export default function Home({ posts }) { return ( <div className="container mx-auto px-10 mb-8"> <div className="grid grid-cols-1 lg:grid-cols-12 gap-12"> <div className="lg:col-span-8 col-span-1"> {posts.map((post, index) => ( <PostCard key={index} post={post.node} /> ))} </div> <div className="lg:col-span-4 col-span-1"> <div className="lg:sticky relative top-8"> <PostWidget /> <Categories /> </div> </div> </div> </div> ); } export async function getStaticProps() { const posts = (await getPosts()) || []; return { props: { posts }, }; }

¿Alguien puede ayudarme a encontrar el problema / dónde estoy cometiendo un error? Incluso di acceso a GraphCMS para permitir que la función funcionara.