/Javascript/React/Remove the warning for setState on unmounted components in React

Remove the warning for setState on unmounted components in React

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
}, []);                               // adjust dependencies to your needs

Source: stackoverflow.com

Remove the warning for setState on unmounted components in React

function useAsync(asyncFn, onSuccess) {
  useEffect(() => {
    let isActive = true;
    asyncFn().then(data => {
      if (isActive) onSuccess(data);
    });
    return () => { isActive = false };
  }, [asyncFn, onSuccess]);
}

Source: stackoverflow.com

Similar codes

-2 votes200 views2 answers
React native text align vertical center
Javascript React
0 vote218 views1 answer
Npx code for src folder in react js
Javascript React
1 vote207 views2 answers
Upload image react
Javascript React
0 vote200 views1 answer
How to put react compnent to bottom
Javascript React
-1 vote163 views1 answer
React index.js BrowserRouter
Javascript React
0 vote224 views1 answer
Log errors react
Javascript React
3 votes194 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
15 votes237 views6 answers
Form in react
Javascript React
2 votes208 views1 answer
Upload image in firebase storage react web
Javascript React
1 vote218 views1 answer
React native image disable fade in onload
Javascript React