/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

15 votes129 views4 answers
Get query params react
Javascript React
1 vote167 views1 answer
React addeventlistener useeffect
Javascript React
2 votes180 views5 answers
How to import in react js
Javascript React
1 vote158 views1 answer
UseScreens() react native
Javascript React
0 vote87 views1 answer
How to make a textarea unwritable in react native
Javascript React
6 votes138 views4 answers
Add items to a react array in hooks
Javascript React
0 vote151 views2 answers
Create a reactjs app with backend and docker
Javascript React
0 vote143 views1 answer
Pagination hook react
Javascript React
0 vote144 views2 answers
React generate component command
Javascript React
0 vote142 views1 answer
Make custom draggable in react
Javascript React