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

reactjs react-component react-hooks
Mahmudul Haque picture Mahmudul Haque · Nov 1, 2018 · Viewed 10.8k times · Source

I'm learning React from this channel. Recently, I stumbled upon React Hooks from here. So, I tried to convert a class based component to hook based. Here is my class based component:

Here is my converted component: https://codesandbox.io/s/n0lw4wo550?module=%2Fsrc%2FAddNinja.js

But I'm getting following error:

enter image description here

Answer

Murli Prajapati picture Murli Prajapati · Nov 1, 2018

React hooks are available in React v16.8.0. updated your react and react dom version to 16.8.0. 

"react": "16.8.0",
"react-dom": "16.8.0",

Here is your code with updated verion:https://codesandbox.io/s/qq90900xr4

Related questions

How to use useStyle to style Class Component in Material Ui

I want to use useStyle to style the Class Component . But this can be easily done hooks. but i want to use Component instead. But I cant figure out how to do this. import React,{Component} from 'react'; import Avatar …

Read More
Passing setState to child component using React hooks

I'm curious if passing setState as a prop to a child (dumb component) is violating any "best practices" or will affect optimization. Here is an example where I have the parent container passing state and setState to two child components, …

Read More
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode

I am trying to use a function as a prop inside a component and this component is a child of another component. But the function is not working.? Can I know why. This is the warning i am receiving in …

Read More