如何在Gatsby中映射数组？

query {
  allDataJson {
    edges {
      node {
        id
        title
        description
      }
    }
  }
}

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

const MyComponent = () => {
  const data = useStaticQuery(graphql`
    query {
      allDataJson {
        edges {
          node {
            id
            title
            description
          }
        }
      }
    }
  `)

  return (
    <div>
      {data.allDataJson.edges.map(({ node }) => (
        <div key={node.id}>
          <h2>{node.title}</h2>
          <p>{node.description}</p>
        </div>
      ))}
    </div>
  )
}

export default MyComponent