【ブラウザ拡張機能】Reactサイトに外部からHTMLタグを挿入する

事象

Chrome拡張機能にて、Reactを使用しているサイトに対し 下記のようにHTMLコードを直書きしたところ、

root.innerHTML += new_HTML

そのサイトの更新が停止した。

解決手法

innerHTML書き込みでは、 Reactのレンダリングが機能しない

appendChildで解決される。

root.appendChild(new_tag)

これで ページ乗っ取りの王、ページ乗っ取りキングですね。