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

Question

this is my first reactjs app using hooks, i'm facing an error

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

, my code: 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>
  )
}

here's the full error:

I don't know what's wrong in my code?

Answer 1

useState is not available in Reactjs v16.6.3, you will have to upgrade to the newest version of React, or at least to React v16.8.0

reactjs.org/docs/hooks-reference.html