/TypeScript/Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

You can declare let isMounted = true inside useEffect,
which will be changed in the cleanup callback, as soon as the component is unmounted.
Before state updates, you now check this variable conditionally:

useEffect(() => {
  let isMounted = true;               // note mutable flag
  someAsyncOperation().then(data => {
    if (isMounted) setState(data);    // add conditional check
  })
  return () => { isMounted = false }; // cleanup toggles value, if unmounted
}, []);

React warning can't perform a react state update on an unmounted component

componentWillUnmount() {
    // fix Warning: Can't perform a React state update on an unmounted component
    this.setState = (state,callback)=>{
        return;
    };
}

Source: stackoverflow.com

Similar codes

2 votes212 views2 answers
Lua operators
TypeScript
0 vote227 views1 answer
Google sheets script save A RANGE to csv
TypeScript
1 vote207 views1 answer
2 positional arguments but 3 were given
TypeScript
0 vote221 views1 answer
Vscode use relative paths in auto import
TypeScript
25 votes230 views10 answers
Bootstrap
TypeScript
0 vote210 views1 answer
Ts console.log
TypeScript
0 vote220 views1 answer
Export of name 'matMenu' not found!
TypeScript
1 vote212 views1 answer
Prevent row click event when button is clicked angular html
TypeScript
1 vote213 views1 answer
Iterate object ngfor
TypeScript
22 votes216 views2 answers
React native typescript children prop
TypeScript