title: 'useState is not a function' React deploy showing nothing
body: <p>I have tried to deploy a basic React App (still v. early in the works). The page breaks on load- shows nothing but the background, and I have an error in the console '.useState is not a function'</p>
  <p>Below is the component that is flagged up in the issue. And here is the link to the open sourced code: <a href="https://github.com/mariaalouisaa/3-in-1-react" rel="nofollow noreferrer">https://github.com/mariaalouisaa/3-in-1-react</a></p>
  <p>Thank you in advance!!</p>
  <pre><code>import &quot;./Home.css&quot;;
  import home from &quot;./images/home.png&quot;;
  import TimeAndDate from &quot;./TimeAndDate&quot;;
  import Todo from &quot;./Todo&quot;;
  import Stopwatch from &quot;./Stopwatch&quot;;
  import { useState } from &quot;react/cjs/react.development&quot;;
  
  export default function Home() {
    const [dateVis, setsetDatevis] = useState(false);
    const [todoVis, setsetTodovis] = useState(false);
    const [stopVis, setsetStopvis] = useState(false);
  
    function popUp(e) {
      if (e.target.name === &quot;date&quot;) setsetDatevis(true);
      if (e.target.name === &quot;todo&quot;) setsetTodovis(true);
      if (e.target.name === &quot;stop&quot;) setsetStopvis(true);
    }
  
    return (
      &lt;div&gt;
        &lt;button
          onClick={() =&gt; {
            setsetDatevis(false);
            setsetTodovis(false);
            setsetStopvis(false);
          }}
          className=&quot;homebutton&quot;
        &gt;
          &lt;img src={home} alt={home} /&gt;
        &lt;/button&gt;
        &lt;div className=&quot;Home&quot;&gt;
          &lt;button name=&quot;date&quot; onClick={popUp}&gt;
            Time + Date
          &lt;/button&gt;
          &lt;button name=&quot;todo&quot; onClick={popUp}&gt;
            To-do {&lt;br /&gt;}List
          &lt;/button&gt;
          &lt;button name=&quot;stop&quot; onClick={popUp}&gt;
            Stop- watch
          &lt;/button&gt;
          &lt;TimeAndDate active={dateVis} /&gt;
          &lt;Todo active={todoVis} /&gt;
          &lt;Stopwatch active={stopVis} /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/XNH0u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XNH0u.png" alt="This is the error message" /></a></p>