Allow children to return HTML

[jpmonette]

I'm trying to generate RSS feed using reactElementToJSXString from a React element.

When I try to render the content of the blog post, it should look something like this:

<codearea>
  <![CDATA[ 
  <div> <p> my para </p> </div> 
  ]]>
</description>

However, it seems like all the HTML is transformed into a string:

<description>
{`<![CDATA[<div> <p> my para </p> </div> ]]>`}
</description>

My React code:

import type { JSONFeed } from "./feed-type";

export const RSS = (feed: JSONFeed) => (
  <rss version="2.0">
    <channel>
      {feed.items?.map((item) => {
        return (
          <item>
            <description>{`<![CDATA[${item.content_text}]]>`}</description>
          </item>
        );
      })}
    </channel>
  </rss>
);

Is it possible to have it rendered without being turned into a string?