Как я могу интегрировать Airtable в мой проект Gatsby JS?

Question

Я уже некоторое время пользуюсь gatsbyJS, и теперь я полностью застрял.

Я использовал эту стартовую тему: https://github.com/gatsbyjs/gatsby-starter-blog

и код, который я использую для интеграции таблицы, размещен здесь: https://github.com/jlengstorf/gatsby-airtable/blob/master/src/pages/index.js

Раньше у меня все получалось, но сейчас я полностью заблудился. Вот также сообщение об ошибке и мой код:

введите описание изображения здесь

import React from "react"
import { graphql } from "gatsby"

import Layout from "../components/layout"
// import SEO from "../components/seo"

export const query = graphql`

        {
        allAirtable(
            filter: { table: { eq: "Shows" } }
        ) {
            nodes {
             recordId
             table
             data {
               Titel
               Beschreibung
               Datum_Live
               Status
               Gast {
                 data {
                   Name
                   Beschreibung
                   Bild {
                     url
                   }
                 }
               }
            }
        }
    }
}
`

export default ({ data }) => (
        <Layout>
            <div>
                <h1>Plausch mit Paul - Alle Podcasts</h1>
                <ul>
                    {data.allAirtable.nodes.map(node => (
                        <li key={node.recordId}>
                            {node.data.Titel} mit
                            {node.data.Gast[0].data.Name} veroeffentlicht am {node.data.Datum_Live}
                            <img
                                style={{ width: "50px" }}
                                src={node.data.Gast[0].data.Bild[0].url}
                                alt={node.data.Gast[0].data.Name}
                            />
                        </li>
                    ))}
                </ul>
            </div>
        </Layout>
)