/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 vote218 views3 answers
Flatlist react native keyextractor
Javascript React
1 vote192 views1 answer
React native flatlist pull to refresh
Javascript React
0 vote190 views1 answer
How react work
Javascript React
1 vote193 views1 answer
Tailwind css react craco package.json
Javascript React
2 votes187 views5 answers
React native debugger
Javascript React
2 votes222 views1 answer
React native open email client expo
Javascript React
0 vote198 views1 answer
React convert table to pdf
Javascript React
0 vote217 views1 answer
How to use radio buttons in react class-based components
Javascript React
0 vote202 views1 answer
Pass status of checkbox to a function react js
Javascript React
0 vote185 views1 answer
Form changes button enable reactive forms
Javascript React