/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

0 vote111 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote110 views3 answers
React-native restart app
Javascript React
0 vote108 views1 answer
Reference hook in react
Javascript React
48 votes102 views1 answer
Emmet not working in react nextjs
Javascript React
0 vote114 views1 answer
Auto refresh database in outsystems reactive
Javascript React
1 vote148 views1 answer
React form reload page
Javascript React
0 vote104 views1 answer
Can't bookmark react router
Javascript React
0 vote103 views2 answers
Hiding header in a specific screen in react native
Javascript React
0 vote104 views1 answer
Evaluating '_reactNativeImageCropPicker.default.openCamera
Javascript React
0 vote118 views3 answers
React loop through array
Javascript React