脚本嵌入标签正在运行，但未呈现

Question

我正在尝试在我的react应用程序中显示图表，CMS可以选择上传原始html数据，并且我正在使用dangerouslySetInnerHTML进行显示，但是没有插入iframe的外部脚本加工。我正在尝试显示以下图表：

<div class="flourish-embed flourish-chart" data-src="visualisation/1596471">
    <script src="https://public.flourish.studio/resources/embed.js"></script>
</div>

我以这种方式加载它：

<div dangerouslySetInnerHTML={{__html:`<div class="flourish-embed flourish-chart" data-src="visualisation/1596471"><script src="https://public.flourish.studio/resources/embed.js"></script></div>`}}></div>

脚本正在加载，因为我可以在控制台中键入FlourishConfig并返回Object，但是iframe并未呈现。

我在此处上传了该问题的伪代码：https://playcode.io/525190

谢谢！