Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
こういうエラーが出るときがある。
簡単に言えば
「 <p>
の子要素に <div>
入れるな!! それはブラウザルール違反!!!」
(は?動くが?)という気持ちになるが、一応今のHTMLの仕様上はそうなってる。
ほかには <table>
タグに <tbody>
がなかったり、 <a>
の中に <a>
がネストしてたりすると発生する。
参考:
は?そんなDOM要素作って無いんだが?
これもよくある。何らかのライブラリが pタグで作っているのが原因であり、ゆえに原因行が特定出来ないのだ。
解決方法というか調査方法はシンプルで、Chrome等のデバッグコンソールで調べるだけ。

Reactのソース上でどのようなDOM(jsx)でマークアップされていようが、最終的に出るHTMLの方を調べてしまえばいい。
ここでは、閉じタグ </p>
で検索するのがコツだろうか。