title: React --> Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>
body: <p>I'm getting this warning in browser console:</p>
  
  <pre><code>warning.js?da67:33 Warning: validateDOMNesting(...): &lt;p&gt; cannot appear as a descendant of &lt;p&gt;.
  </code></pre>
  
  <p>on line: </p>
  
  <pre><code>&lt;p&gt;{this.state.error &amp;&amp; &lt;p className="errorText"&gt;{this.state.error}&lt;/p&gt;}&lt;/p&gt;
  </code></pre>
  
  <p>It's a react project. Also I'm using webpack. How to solve this problem?</p>