title: How to display an element based on a condition using react and typescript?
body: <p>i want to display div element based on certain condition got from the table data using react table and typescript</p>
  <p><strong>code</strong></p>
  <pre><code>const buildColumns: (mode: someMode,) =&gt; (mode) =&gt; [
      {
         Header: 'Name',
         id: 'name',
         Cell: props =&gt; {
             const isActive = props.row.original.isActive === true 
                           || props.row.original.isActive === null;
         return (
             {!isActive &amp;&amp;
                &lt;div&gt;show me&lt;/div&gt;
             });
        }
  ]
  </code></pre>
  <p>Now if <code>isActive</code> is not <code>null</code> and if <code>isActive</code> is <code>false</code> i should display div element. how could i do it.</p>
  <p>the above condition displays it even if <code>isActive</code> is <code>null</code>. could someone help me with this. thanks.</p>