Quiero preguntar sobre este error, necesito su ayuda, porque estoy viendo un curso de youtube y solo yo recibo este error y no sé por qué.

 import Head from 'next/head'; import styles from '../styles/Home.module.css'; import { GraphQLClient, gql } from 'graphql-request'; import BlogCard from '../components/BlogCard'; const graphcms = new GraphQLClient("https://api-eu-central-1.graphcms.com/v2/cl3wfrf6agpo701z13eawdfat/master"); const QUERY = gql` { posts{ id, title, datePublished, slug, content{ html } author{ name, avatar{ url } } coverPhoto{ url } } } `; export async function getStaticProp() { const { posts } = await graphcms.request(QUERY); return { props: { posts, }, revalidate: 10, }; } export default function Home({ posts }) { return ( < div className = { styles.container } > < Head > < title > Create Next App < /title> < meta name = "description" content = "Generated by create next app" / > < link rel = "icon" href = "/favicon.ico" / > < /Head> < main className = { styles.main } > { posts.map((post) => ( < BlogCard title = { post.title } author = { post.author } coverPhoto = { post.coverPhoto } key = { post.id } datePublished = { post.datePublished } slug = { post.slug } > < /BlogCard> )) } < /main> < / div > ) }

me sale este error y no se porque

Aquí hay una captura de pantalla del error: