/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

105 votes408 views1 answer
React simbu
Javascript React
15 votes395 views1 answer
React forwardref
Javascript React
0 vote354 views1 answer
React import useCallBack
Javascript React
0 vote391 views1 answer
How to cause a whole page reload react redux
Javascript React
0 vote400 views1 answer
Debugging react native
Javascript React
1 vote398 views1 answer
How to know react and react-native version
Javascript React
0 vote315 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
0 vote372 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
0 vote387 views1 answer
How to make dynamic title for screen in react native
Javascript React
0 vote418 views2 answers
Assigning ID to view react native
Javascript React