Как программно создавать страницы из одного CSV-файла

Question

Я пытаюсь создать простой глоссарий веб-сайт, используя Gatsby и CSV-файл в качестве простой базы данных. Я использовал плагин gatsby-transformer-csv с помощью их примера, и мне удалось создать страницы, но я не мог получить данные на каждой странице в файле шаблона.

Я использовал это в моем файле шаблона страниц, field1: это первое значение в моем csv-файле (слово), а field2 это второе значение (определение). Но он продолжает показывать сообщения об ошибках.

import { graphql } from "gatsby"
import React from "react"
import Layout from '../components/layout';

export default ({ data }) => {
    const post = data.GlossaryCsv;
    const word = post.field1;
    const def = post.field2;
    return (
        <Layout>
                <h1> { word } </h1>
                <h4> { def } </h4>
        </Layout>
    )
}

export const query = graphql`
  query($slug: String!) {
            glossaryCsv(fields: { slug: { eq: $slug } }) {
            field1
            field2
        }
        }`