componentDidMountとrender()内の変数のやりとり

前提・実現したいこと

render内の下記の箇所で、マークダウンファイルを読み取って、変数：numberOfAdsを取得しています。

 const { post2, numberOfAds } = insertAdsense(post.html, slug)

この後に、componentDidMount内で変数：numberOfAdsを使用したいのですが、どうすればよいでしょうか。

発生している問題・エラーメッセージ

class BlogPostTemplate extends React.Component {

  componentDidMount() {
    if (window)
      for (let i = 0; i < numberOfAds; i++) {
        (window.adsbygoogle = window.adsbygoogle || []).push({});
      }
  }

  render() {
    const post = this.props.data.markdownRemark

    const siteTitle = this.props.data.site.siteMetadata.title
    const { relatedPosts, slug } = this.props.pageContext

    const { post2, numberOfAds } = insertAdsense(post.html, slug)

    const { title, description, date, category, tags } = post.frontmatter

    const sizes = post.frontmatter.featuredImage
      ? post.frontmatter.featuredImage.childImageSharp.sizes
      : 0

    const { categories } = this.props.data.site.siteMetadata
    const categoryObject = categories.find(cat => {
      return cat.slug === category
    })
    const categoryColor = categoryObject ? categoryObject.color : "#555"

    return (
      <Layout location={this.props.location} title={siteTitle} pageAd={"true"}>
        <SEO title={title} description={description || post.excerpt} />
        <Helmet>
          <link
            rel="canonical"
            href={`https://englissu.com${this.props.location.pathname}`}
          />
        </Helmet>
        <PostJsonLd
          title={title}
          description={description || post.excerpt}
          date={date}
          url={this.props.location.href}
          categorySlug={category}
        />
        <Content>
          <ContentMain>
            <PostDate>{date}</PostDate>
            <PostTitle>{title}</PostTitle>
            <Labels>
              <CategoryLabel slug={category} isLink="true" />
              {tags.map(({ tag }, index) => {
                return <TagLabel key={index} slug={tags[index]} isLink="true" />
              })}
            </Labels>
            <FeaturedImage sizes={sizes} className="featured-image" />

            <PostContent
              categoryColor={categoryColor}
              categorySlug={category}
              dangerouslySetInnerHTML={{ __html: post2 }}
            />

            <FollowBudge />
            <ShareButtons slug={slug} title={title} />
          </ContentMain>
          <aside id="aside">
            <RelatedPosts posts={relatedPosts} />
          </aside>
        </Content>
      </Layout>
    )
  }
}

export default BlogPostTemplate

export const pageQuery = graphql`
  query blogPostBySlug($slug: String!) {
          site {
          siteMetadata {
          title
        author
        categories {
          name
          slug
        color
      }
    }
  }

    markdownRemark(fields: {slug: {eq: $slug } }) {
          id
      excerpt(pruneLength: 160)
        html
      frontmatter {
          title
        description
        date(formatString: "YYYY.MM.DD")
        category
        tags
        featuredImage {
          childImageSharp {
          sizes(maxWidth: 630) {
          ...GatsbyImageSharpSizes
        }
        }
      }
    }
  }
}
`