盖茨比未渲染具有很多文件的内容字段

Question

我有一个运作良好的盖茨比（Gatsby）网站，该网站具有令人满意的采购数据。 我创建了一个新的内容丰富的模型，其中包括带有“很多文件”选项标记的媒体字段。没有“很多文件”选项的所有其他媒体文件都可以正确渲染...

这是我的查询响应：

{
  "data": {
    "allContentfulSponsors": {
      "edges": [
        {
          "node": {
            "sponsor": [
              {
                "file": {
                  "url": "//images.ctfassets.net/6k0a6st0hs31/5ZnT9rZdAOCc3aFyhqy9nN/20b941cba594628901f176d7e3198221/ZeV7U5Pj.jpeg"
                }
              }
            ]
          }
        }
      ]
    }
  }
}

那是我的代码：

  const data = useStaticQuery(graphql`
        allContentfulSponsors {
          edges {
            node {
              sponsor {
                file {
                  url
                }
              }
            }
          }
        }      
   `)

return (
 <div>
  {data.allContentfulSponsors.edges.map((edge) => {
  return (        
    <Image src={edge.node.sponsor.file.url} />
   )
   })}
 </div>
)

控制台上没有错误消息，但是当我在localhost上打开站点时，它显示此错误页面消息：

“ TypeError：edge.node.sponsor.file未定义”

有人可以帮忙吗？