TypeError dispatcher.useState is not a function when using React Hooks

by

There could be many reasons, and most are due to version incompatibilites or using a ^ in package.json:

1. Ensure react and react-dom are of the same version

Ensure that you have also updated the react-dom package and it is of the same version as react. In general react and react-dom should always be the same version in package.json as the React team updates them together.

If you want to install React 16.7.0-alpha.2, check that you are not using the ^ as you will install 16.7 instead, which doesn’t have hooks.

Example package.json:

{
  ...
  "dependencies": {
    "react": "16.8.4", // Make sure version is same as react-dom
    "react-dom": "16.8.4",
    ...
  }
}

2. react-test-renderer is of the same version as react and react-dom

If you are using Jest, ensure that react-test-renderer is of the same version as react and react-dom:

Example package.json:

{
  ...
  "dependencies": {
    "react": "16.8.4",
    "react-dom": "16.8.4",
    "react-test-renderer": "16.8.4",
    ...
  }
}

More Related Contents:

  1. The useState set method is not reflecting a change immediately
  2. Make React useEffect hook not run on initial render
  3. Push method in React Hooks (useState)?
  4. How can I use React hooks in React classic `class` component?
  5. How to use componentWillMount() in React Hooks?
  6. Is it possible to share states between components using the useState() hook in React?
  7. Why is useState not triggering re-render?
  8. Updating and merging state object using React useState() hook
  9. componentDidMount equivalent on a React function/Hooks component?
  10. How to register event with useEffect hooks?
  11. React useState hook event handler using initial state
  12. Is there a generic way to set state in React Hooks? How to manage multiple states?
  13. How do I update states `onChange` in an array of object in React Hooks
  14. React Function Components with hooks vs Class Components
  15. React Hooks – What’s happening under the hood?
  16. useEffect does not listen for localStorage
  17. setTimeout for this.state vs useState
  18. How does JavaScript mechanism behind react hooks work?
  19. Why need useRef and not mutable variable?
  20. Next.js context provider wrapping App component with page specific layout component giving undefined data
  21. Determine which dependency array variable caused useEffect hook to fire
  22. Updating state to the same state directly in the component body
  23. Proper way of using React hooks + WebSockets
  24. React hook useEffect runs continuously forever/infinite loop
  25. Uncaught Invariant Violation: Rendered more hooks than during the previous render
  26. React Hook “useEffect” is called conditionally
  27. What are the differences when re-rendering after state was set with Hooks compared to the class-based approach?
  28. Performance penalty of creating handlers on every render with react-hooks
  29. Function inside functional component in React hooks – Performance
  30. Why would we use useEffect without a dependency array?

Leave a Comment