TypeError: Object (...) не является функцией Reactjs 16.6.3

это мое первое приложение reactjs, использующее хуки, я столкнулся с ошибкой

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

, мой код: index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import * as serviceWorker from './serviceWorker';
import Test from './Test';

ReactDOM.render(<Test />, document.getElementById('root'));

serviceWorker.unregister();

Test.jsx

import React, {useState} from 'react';

export default function Test(props) {
  const [name, ChangeName] = useState('Zeyad');

  return (
    <div>
      <input
        value = {name}
        onChange = {(e) => ChangeName(e.target.value)}
      />
    </div>
  )
}

вот полная ошибка:

Я не знаю, что не так в моем коде?