TypeError: невозможно прочитать свойства null (чтение «url») Nextjs

Question

Я учусь на https://www.youtube.com/watch?v=Dc7LAgqy1_E

У меня возникла эта проблема. Я использую hygraph для подключения своего блога, а на coverPhoto ошибка.

Я пытался исправить это, так как думаю, что мой hygraph не опубликован, но я уже опубликовал его, также я копирую API из учебника YouTube, и он работает для меня, но мой API не работает.

      <Image  src={coverPhoto.url} alt=""/>

и я использую `` дляcoverPhoto.urlошибка изображения не отправляется, но изображение тоже не отображается.

Я хочу, чтобы изображение было показано на веб-сайте.

это моя площадка API

       query{
  posts{
    title,
    datePublished
    coverPhoto{
      url
    }
  }
}