/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

7 votes350 views3 answers
React route props
Javascript React
0 vote369 views1 answer
Add Multilanguage Support to React App
Javascript React
0 vote289 views1 answer
React native onChangeText resize the background image
Javascript React
31 votes339 views3 answers
React mui icons
Javascript React
18 votes294 views6 answers
Add svg in react
Javascript React
2 votes330 views2 answers
Video in react native stack overflow
Javascript React
0 vote331 views1 answer
React inlinle style set background image
Javascript React
6 votes342 views1 answer
Disable inputetext in react native
Javascript React
0 vote350 views1 answer
How to redirect a form to another page when we submitted a form in react js
Javascript React
1 vote355 views1 answer
React multiple event handlers]
Javascript React