React Hooks issues in React 16.7 TypeError: Object(...) is not a function

Question

I'm running the latest version of React and I'm getting this error I have a simple Component using React Hooks as you can see here :

import React, { useState } from "react";

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

  const incrementCount = () => {
    setCount(count + 1);
  };
  return (
    <div>
      <h1>Count:{count} </h1>
      <button onClick={incrementCount}>Click Me</button>
    </div>
  );
};

export default AppFunction;

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?

package.json

"dependencies": {
    "react": "^16.7.0",
    "react-dom": "^16.7.0",
    "react-scripts": "2.1.1"
  },

I console.log useState and it comes out undefined, so its not getting imported right or something — Dmitriy
– Dmitriy, Commented Dec 20, 2018 at 2:31

Shubham Khatri · Accepted Answer · 2019-02-06 13:18:31Z

19

UPDATE

Hooks are now release as part of React v16.8.0. You can use hooks by upgrading your react version

See the docs for more details on the APIs

React 16.7.0 Doesn't contain hooks.

As per the React blog

Our latest release includes an important performance bugfix for React.lazy. Although there are no API changes, we’re releasing it as a minor instead of a patch.

In order to run hooks in your code, refer How to use new Feature Hooks in React?

edited Feb 6, 2019 at 13:18

answered Dec 20, 2018 at 5:11

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dmitriy Over a year ago

Thanks I tried the alpha versions before, but it was alpha.0, alpha.2 is now working

Petros Kyriakou · Accepted Answer · 2019-02-14 06:37:29Z

2

I tried to use the following in package.json but do not work.

"react": "16.7.0-alpha.2",
"react-dom": "16.7.0-alpha.2",

What worked is the following

"react": "next",
"react-dom": "next",

EDIT

React version v16.8.0 has Hooks inside. Use that.

edited Feb 14, 2019 at 6:37

answered Jan 9, 2019 at 9:07

Petros Kyriakou

5,3934 gold badges52 silver badges85 bronze badges

Comments

fuhaiwei · Accepted Answer · 2018-12-23 16:55:10Z

0

edit package.json

"react": "16.7.0-alpha.2",
"react-dom": "16.7.0-alpha.2",
"react-router-dom": "4.4.0-beta.6",

and run yarn

The react released 16.7.0, but there are no react hooks. If you use '^[email protected]', remove yarn.lock, it will install [email protected]. So you must delete '^' and use '[email protected]'.

answered Dec 23, 2018 at 16:55

fuhaiwei

1

Collectives™ on Stack Overflow

React Hooks issues in React 16.7 TypeError: Object(...) is not a function

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related