/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 vote306 views1 answer
How to add a useState in react Js
Javascript React
0 vote285 views1 answer
Convert table to excel reactjs
Javascript React
0 vote303 views1 answer
Package path ./react is not exported from package next-auth
Javascript React
0 vote275 views3 answers
Set bg image in react
Javascript React
0 vote299 views1 answer
Tailwind intenseness react
Javascript React
0 vote302 views1 answer
React router dom change default path
Javascript React
0 vote271 views1 answer
Fixed menu reactjs
Javascript React
1 vote307 views1 answer
React setup for handling UI.
Javascript React
1 vote294 views5 answers
React datepicker
Javascript React
3 votes299 views1 answer
React get method
Javascript React