Блок CDATA отображается как закомментированный в React

const HTML_OK = '<pre>My text looks good</pre>'
const HTML_CDATA = '<pre><![CDATA[Where is my text?]]></pre>'

class Hello extends React.Component {
  render() {
    return <div dangerouslySetInnerHTML = {{ __html: this.props.html }} />;
  }
}

ReactDOM.render(
	<div>
    <Hello html = {HTML_OK} />
    <Hello html = {HTML_CDATA} />
  </div>,
  document.getElementById('root')
);

<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id = "root">
    <!-- This element's contents will be replaced with your component. -->
</div>