title: React Hooks issues in React 16.7 TypeError: Object(...) is not a function
body: <p>I'm running the latest version of React and I'm getting this error
  <a href="https://i.stack.imgur.com/0hfrE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0hfrE.png" alt="enter image description here"></a>
  I have a simple Component using React Hooks as you can see here : </p>
  
  <pre><code>import React, { useState } from "react";
  
  const AppFunction = () =&gt; {
    const [count, setCount] = useState(0);
  
    const incrementCount = () =&gt; {
      setCount(count + 1);
    };
    return (
      &lt;div&gt;
        &lt;h1&gt;Count:{count} &lt;/h1&gt;
        &lt;button onClick={incrementCount}&gt;Click Me&lt;/button&gt;
      &lt;/div&gt;
    );
  };
  
  export default AppFunction;
  </code></pre>
  
  <p>Everything i've found about it on stack overflow says to upgrade the libraries but I have the latest version (16.7.0) and have tried the alpha version with no luck , what am i doing wrong?</p>
  
  <p>package.json</p>
  
  <pre><code>"dependencies": {
      "react": "^16.7.0",
      "react-dom": "^16.7.0",
      "react-scripts": "2.1.1"
    },
  </code></pre>