gatsby-theme-wordpress-mdx/src/Hooks/MdxWpPosts.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 useAllMdxWpPosts = () => {
  const { allMdxWpPosts } = useStaticQuery(
    graphql`
      {
        allMdxWpPosts(sort: { fields: date, order: DESC }) {
          nodes {
            date
            type
            mdxData {
              body
              excerpt
              timeToRead
              wordCount {
                words
              }
              fields {
                slug
              }
              frontmatter {
                title
                tags
                featureImage {
                  childImageSharp {
                    fluid(maxWidth: 600) {
                      ...GatsbyImageSharpFluid
                    }
                  }
                }
              }
            }
            wpData {
              excerpt
              content
              title
              slug
              tags {
                name
              }
              featured_media {
                localFile {
                  childImageSharp {
                    fluid(maxWidth: 600) {
                      ...GatsbyImageSharpFluid
                    }
                  }
                }
              }
            }
          }
        }
      }
    `
  )
  return allMdxWpPosts
}