Reactjs 将保留空间的代码传递给docusaurus中的react组件

我需要在docusaurus中使用自定义代码编辑器。我试图组合一个react组件，以便在mdx文档中使用以下语法

<REPL>
return 42;
</REPL>

---

我最终决定做以下几件事

<REPL>

\`\`\`js
return 42;
\`\`\`

</REPL>

export example = `return
42; // can be multiple lines and indentation
`

<REPL code={example}/>

<REPL>

\`\`\`js
return 42;
\`\`\`

</REPL>