title: Text not displaye even the condition is true in javascript
body: <p>I am working with react and I have some data that I want to display according to some conditions. Although the condition is true it seems not to be working.</p>
  <p><strong>This is my condition:</strong></p>
  <pre><code>&lt;p className=&quot;text-gray-800&quot;&gt;
    {
       (attributes?.title.trim() === &quot;hair Services&quot; &amp;&amp; attributes?.description,
        console.log('attributes',attributes.title),
        console.log('condition-&gt;',attributes?.title.trim() === &quot;hair Services&quot;)
        console.log('description-&gt;',attributes.description),
       )
     }
  &lt;/p&gt;
  </code></pre>
  <p><strong>console:</strong>
  <a href="https://i.stack.imgur.com/xFet3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xFet3.png" alt="enter image description here" /></a></p>
  <p><strong>It shows only empty p:</strong></p>
  <p><a href="https://i.stack.imgur.com/KdtkO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KdtkO.png" alt="enter image description here" /></a></p>