/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 vote354 views1 answer
Web-vitals react
Javascript React
108 votes362 views1 answer
How to start react app in windows
Javascript React
0 vote327 views1 answer
Owl carousel for react
Javascript React
0 vote317 views3 answers
React hook example
Javascript React
0 vote324 views1 answer
React-loader-spinner
Javascript React
0 vote348 views1 answer
Update an object key value in state react
Javascript React
0 vote291 views1 answer
How to insalk react router with npm
Javascript React
5 votes271 views1 answer
Add icon material ui
Javascript React
16 votes318 views4 answers
Uuid react
Javascript React
0 vote294 views1 answer
React google login
Javascript React