/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

0 vote276 views1 answer
Sprockets cannot load such file sass
TypeScript
-1 vote265 views1 answer
What are the components of the environment? Explain it along with the examples.
TypeScript
0 vote305 views1 answer
Loadsh partial match filter
TypeScript
0 vote302 views1 answer
Dwayne johnson maui
TypeScript
0 vote287 views1 answer
Which of the following statements will compile correctly?
TypeScript
0 vote348 views1 answer
He .native modifier for v-on is only valid on components but it was used on <a>.
TypeScript
6 votes304 views2 answers
Typescript how to create an array instance
TypeScript
0 vote280 views1 answer
Uncheck all checkboxes typescript
TypeScript
0 vote336 views1 answer
Angular calculate difference between two dates
TypeScript
0 vote275 views2 answers
Unique list typescript
TypeScript