/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 vote223 views1 answer
How to add react icons using yarn
Javascript React
4 votes206 views2 answers
React filter array from another array
Javascript React
0 vote233 views1 answer
Render object id in an array reactjs from database
Javascript React
0 vote255 views1 answer
Discord bot remove message reaction
Javascript React
0 vote212 views2 answers
React hook will mount
Javascript React
8 votes196 views3 answers
Change title react
Javascript React
9 votes201 views1 answer
Create react app in current folder
Javascript React
0 vote205 views1 answer
Use jsx extension react-native
Javascript React
0 vote207 views1 answer
Random word react npm package
Javascript React
0 vote201 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React