title: validateDOMNesting(...): Whitespace text nodes cannot appear as a child of <tr>
body: <p>i am using table tags like tr td in react. and thid warning is coming up. how to not see this warning. i cannot go and remove all the whitespaces as mentioned in some other stackoverflow answers as there are div tags inside of it</p>
  <pre><code>                   &lt;td&gt;
                        &lt;p
                          className={`status_sale_optn ${item.status ? &quot;&quot; : &quot;&quot;}`}
                        &gt;
                          {item?.status ? &quot;Active&quot; : &quot;Inactive&quot;}
                        &lt;/p&gt;
                      &lt;/td&gt;
  </code></pre>