gatsby-theme-wordpress-mdx/src/Hooks/MdxWpPages.js

<p align="center"> <img width='200px' alt="Gatsby Theme" src="https://raw.githubusercontent.com/artezan/gatsby-theme-wordpress-mdx/master/%40artezan/gatsby-theme-wordpress-mdx/dn.png" />

import { useStaticQuery, graphql } from 'gatsby'

export const useAllMdxWpPages = () => {
  const { allMdxWpPages } = useStaticQuery(
    graphql`
      {
        allMdxWpPages(sort: { order: ASC, fields: title }) {
          edges {
            node {
              type
              id
              title
              wpData {
                slug
                title
              }
              mdxData {
                fields {
                  slug
                }
                frontmatter {
                  title
                  icon
                }
              }
            }
          }
        }
      }
    `
  )
  return allMdxWpPages
}