React useEffect causing: Can’t perform a React state update on an unmounted component

by

For me, clean the state in the unmount of the component helped.

 const [state, setState] = useState({});

useEffect(() => {
    myFunction();
    return () => {
      setState({}); // This worked for me
    };
}, []);

const myFunction = () => {
    setState({
        name: 'Jhon',
        surname: 'Doe',
    })
}

More Related Contents:

  1. State not updating when using React state hook within setInterval
  2. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  3. Make React useEffect hook not run on initial render
  4. Push method in React Hooks (useState)?
  5. React useEffect in depth / use of useEffect?
  6. Is useState synchronous? [duplicate]
  7. Wrong React hooks behaviour with event listener
  8. How to call loading function with React useEffect only once
  9. React Hooks useState() with Object
  10. How to use componentWillMount() in React Hooks?
  11. Is it possible to share states between components using the useState() hook in React?
  12. react useEffect comparing objects
  13. React useState hook event handler using initial state
  14. What’s the difference between `useRef` and `createRef`?
  15. redux fetch body is not use with no cors mode
  16. How target DOM with react useRef in map
  17. How to programmatically clear/reset React-Select?
  18. React – useState – why setTimeout function does not have latest state value?
  19. What does useCallback/useMemo do in React?
  20. React Hooks useState+useEffect+event gives stale state
  21. How to add “refs” dynamically with react hooks?
  22. Do we still need functional setState way in react hooks?
  23. Why can’t React Hooks be called inside loops or nested function?
  24. React cannot read property map of undefined
  25. Uncaught Invariant Violation: Rendered more hooks than during the previous render
  26. React Hook “useEffect” is called conditionally
  27. Equivalent to componentDidUpdate using React hooks
  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