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> で検索するのがコツだろうか。