title: Gatsby JS Meta description is missing for SEO?
body: <p>I created an SEO component, but for some reason when I run my site through lighthouse or an SEO checker it says I'm missing a meta description.</p>
  <p>Here is my SEO component</p>
  <pre><code>      import React from &quot;react&quot;
        import PropTypes from &quot;prop-types&quot;
        import { Helmet } from &quot;react-helmet&quot;
        import { useStaticQuery, graphql } from &quot;gatsby&quot;
  
        function SEO({ description, title, keywords, siteUrl, lang, meta }) {
          const { site } = useStaticQuery(
            graphql`
              query {
                site {
                  siteMetadata {
                    description
                    keywords
                    title
                    siteUrl
                  }
                }
              }
            `
          )
  
          const metaDescription = description || site.siteMetadata.description
          const defaultTitle = site.siteMetadata.title
          const metaUrl = siteUrl || site.siteMetadata.siteUrl
          const metaKeywords = keywords || site.siteMetadata.keywords
  
          return (
            &lt;Helmet
              htmlAttributes={{
                lang,
              }}
              title={title}
              titleTemplate={defaultTitle ? `%s | ${defaultTitle}` : null}
              meta={[
                {
                  property: `og:title`,
                  content: title,
                },
                {
                  property: `og:siteurl`,
                  content: metaUrl,
                },
                {
                  name: `keywords`,
                  content: metaKeywords,
                },
                {
                  property: `og:description`,
                  content: metaDescription,
                },
                {
                  property: `og:type`,
                  content: `website`,
                },
              ].concat(meta)}
            /&gt;
          )
        }
  
        SEO.defaultProps = {
          lang: `en`,
          meta: [],
          description: ``,
        }
  
        SEO.propTypes = {
          description: PropTypes.string,
          lang: PropTypes.string,
          meta: PropTypes.arrayOf(PropTypes.object),
          title: PropTypes.string.isRequired,
        }
  
        export default SEO
  </code></pre>
  <p>When I inspect my site, it shows</p>
  <pre><code> &lt;meta data-react-helmet=&quot;true&quot; property=&quot;og:description&quot; content=&quot;My coding blog about tech 
   and design.&quot;&gt;
  </code></pre>
  <p>So I'm not sure what I need to add or change for my SEO component because my current method of showing the description isn't working apparently based off lighthouse or the other SEO website checkers.</p>