The best way to add custom className to <article> tag?

[dofine]

I'm using https://github.com/sivan/heti to optimize the reading experience of Chinese articles. As the repo guides, I need to add <article class="heti"> to <article>.

Update: Don't know if this is the best approach.

• For docs I eject DocItem/Layout

<article className='heti'>
            <DocBreadcrumbs />
            <DocVersionBadge />
            {docTOC.mobile}
            <DocItemContent>{children}</DocItemContent>
            <DocItemFooter />
          </article>

• For blogpost, I eject BlogPostItem/Container and edited

    <article
      className={`${className} heti`}
      itemProp="blogPost"
      itemScope
      itemType="http://schema.org/BlogPosting">
      {image && (
        <meta itemProp="image" content={withBaseUrl(image, {absolute: true})} />
      )}
      {children}
    </article>

[slorber]

Looks good to me 👍