【初学者向け】.htmlの<script type="text/jsx">内をハイライトする方法

はじめに

Reactの公式チュートリアル(React Foundations)を進めている際、HTML内のscript要素のtype属性にtext/jsxを指定したところ、コードがハイライトされず、視認性が低下していた。

結論

text/jsx を text/babel に置換することで、シンタックスハイライト問題が解決します。

調査結果

Syntax for text/jsx inside HTML #119にて、既知の問題として報告されていましたが、解決されておらず。
代替案としてtext/babelに置き換える方法が提示されていました。