渲染为带有上下文的字符串？

Question

我有一个组件（EmailBuilder），它使用react context api来渲染一些东西，我想将其渲染为html，我尝试了这个：

import * as React from 'react'
import { EmailBuilder } from './EmailBuilder';
import ReactDOMServer from 'react-dom/server';

export const EmailBuilderPage = (props: any) => {
    const element = <EmailBuilder />
    return <>
        {element}

        <br />
        <h1>HTML</h1>
        {ReactDOMServer.renderToString(element)}
    </>
}

虽然渲染了元素的根，但它无法渲染上下文 api 对元素的任何更改。

这可能吗？