/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

3 votes122 views1 answer
Css in a react file
Javascript React
0 vote112 views1 answer
Async await react stackoverflow
Javascript React
0 vote131 views1 answer
Can you wrap redux provider within react.strictmode
Javascript React
4 votes127 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
0 vote133 views2 answers
React-bootstrap sidebar menu
Javascript React
0 vote128 views2 answers
Hello world react
Javascript React
32 votes124 views1 answer
React roouter dom
Javascript React
0 vote140 views1 answer
React native multiline cursor on first line
Javascript React
0 vote138 views1 answer
On close tab react native web
Javascript React
30 votes137 views5 answers
Use effect react
Javascript React