gatsby-theme-wordpress-mdx/src/components/sections/LastedPosts/LastedPosts.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" />

/** @jsx jsx */
import React from 'react'
import { jsx, useThemeUI } from 'theme-ui'
import { MDXRenderer } from 'gatsby-plugin-mdx'

export const LastedPosts = ({ body, frontmatter }) => {
  const context = useThemeUI()

  return (
    <MDXRenderer
      scope={{
        ...frontmatter,
        context
      }}
    >
      {body}
    </MDXRenderer>
  )
}