line break & filtering HTML tags [allShopifyPage] [shopify]

[nzmitch]

Summary

I'm currently experimenting with using Shopify as headless cms and have stumbled upon an issue when pulling page content from Shopify using the allShopifyPage query:
https://www.gatsbyjs.org/packages/gatsby-source-shopify/#query-pages

Creating line breaks & filtering out the HTML tags

Page code

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


const IndexPage = ({ data }) => (
  <>
    <div>
      {data.allShopifyPage.edges.map(({ node }) => (
        <p>{node.body}</p>
      ))}
    </div>
  </>
)

export const query = graphql`
query AboutQuery {
  allShopifyPage(filter: {id: {glob: "Shopify__Page__Z2lkOi8vc2hvcGlmeS9QYWdlLzUyMjIwMTk4OTg2"}}) {
    edges {
      node {
        body
        id
      }
    }
  }
}
`

export default IndexPage