title: React: Have a return statement but "Nothing was returned from render. This usually means a return statement is missing"
body: <p>I have a component that I'm currently trying to render. I put a return statement but I am still displaying an error.</p>
  <pre><code>import React, { useState } from 'react';
  import moment from 'moment';
  import {FaSpaceShuttle} from 'react-icons/fa';
  
  export const TaskDate = ({ setTaskDate, showTaskDate, setShowTaskDate }) =&gt; {
  
    return (
    showTaskDate &amp;&amp; (
      &lt;div className=&quot;task-date&quot; data-testid=&quot;task-date-overlay&quot;&gt;
        &lt;ul className=&quot;task-date__list&quot;&gt;
          &lt;li&gt;
            &lt;div
              onClick={() =&gt; {
                setShowTaskDate(false);
                setTaskDate(moment().format('DD/MM/YYYY'));
              }}
  
            &gt;
              &lt;span&gt;
                &lt;FaSpaceShuttle /&gt;
              &lt;/span&gt;
              &lt;span&gt;Today&lt;/span&gt;
            &lt;/div&gt;
          &lt;/li&gt;
         
        &lt;/ul&gt;
      &lt;/div&gt;
      )
    );
  };
  </code></pre>
  <p>Any help would be appreciated!</p>