/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

1 vote165 views1 answer
How to create a button with react
Javascript React
18 votes177 views6 answers
Import svg react
Javascript React
0 vote142 views1 answer
Reactjs download file axios
Javascript React
0 vote159 views1 answer
How to resolve cors in production react
Javascript React
0 vote185 views1 answer
React-data-table-component cell action stack overflow
Javascript React
0 vote165 views3 answers
How to hide a screen from drawer in react navigation 5
Javascript React
6 votes154 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
5 votes192 views2 answers
React onclick new tab
Javascript React
3 votes148 views1 answer
React native netinfo
Javascript React
23 votes196 views3 answers
React save to local storage
Javascript React