How prevent "rehype-sanitize" removing <section> wrapper done by "remark-sectionize"

[aquaductape]

How prevent "rehype-sanitize" removing <section> wrapper done by "remark-sectionize"

import rehypeSanitize from "rehype-sanitize";
import rehypeStringify from "rehype-stringify";
import remarkParse from "remark-parse";
import remarkRehype from "remark-rehype";
import remarkSectionize from "remark-sectionize";

const processor = unified()
  .use(remarkParse) // parse markdown text to an AST
  .use(remarkSectionize) // wraps stuff in sections (transforming the AST)
  .use(remarkRehype) // convert the markdown AST to an HTML AST
  .use(rehypeSanitize) // removes sections from remarkSectionize, when my goal is to keep them
  .use(rehypeStringify)
  
const inputMarkdown = `
# Forest elephants

## Introduction

In this section, we discuss the lesser known forest elephants.

## Habitat

Forest elephants do not live in trees but among them.
`

processor.process(inputMarkdown)

rehypeSanitize strips the sections, resulting in

<h1>Forest elephants</h1>
<h2>Introduction</h2>
<p>In this section, we discuss the lesser known forest elephants.</p>
<h2>Habitat</h2>
<p>Forest elephants do not live in trees but among them.</p>

When my goal is to keep them as so

<section>
  <h1>Forest elephants</h1>
  <section>
    <h2>Introduction</h2>
    <p>In this section, we discuss the lesser known forest elephants.</p>
  </section>
  <section>
    <h2>Habitat</h2>
    <p>Forest elephants do not live in trees but among them.</p>
  </section>
</section>

[aquaductape]

Found the solution

import rehypeSanitize, { defaultSchema } from "rehype-sanitize";

rehypeSanitize({
    ...defaultSchema,
    tagNames: [...defaultSchema.tagNames!, "section"],
})