我正在尝试使用 React Hooks 导出一个正常的功能组件，但出现了此错误。

TypeError: Object(...) is not a function

当我删除 Hooks 并在没有任何状态的情况下导出它时，它可以正常工作。将相同的代码导出为 Class 组件也可以正常工作。

import React,{ useState } from 'react';

const  Mycomponent = () => {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

export default Mycomponent;

下面是我导入和使用功能组件的方法。

import Mycomponent from './mycomponet';
class MYClassComponent extends Component {
  render() {
    return (
      <Mycomponent />
    }
}

我正在使用 react 16.6.3 并使用 create-react-app 。