/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 vote358 views1 answer
React dropdown search bar
Javascript React
7 votes412 views4 answers
Import image in react js
Javascript React
0 vote386 views1 answer
React 5 to 10 rating
Javascript React
7 votes403 views1 answer
React native touchableopacity disable
Javascript React
0 vote405 views1 answer
Qr code generator in react native
Javascript React
0 vote411 views2 answers
Why we need react js
Javascript React
2 votes403 views2 answers
How to change react icon color
Javascript React
9 votes352 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote371 views1 answer
Set navigation drawer to open by default react native
Javascript React
0 vote388 views1 answer
Onclick on fragment react
Javascript React