/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

2 votes329 views2 answers
How to send form data from react to express
Javascript React
0 vote309 views1 answer
React native set variable key in loop
Javascript React
0 vote310 views1 answer
React native call keep
Javascript React
0 vote328 views1 answer
Hide urls in .env in react app
Javascript React
-1 vote333 views1 answer
How to insert divider in react native
Javascript React
0 vote334 views1 answer
React native making bigger hitbox
Javascript React
0 vote296 views1 answer
React testing library getBy image
Javascript React
0 vote309 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
142 votes459 views6 answers
Create-react-app
Javascript React
0 vote341 views1 answer
How to go to settings on next click in react native
Javascript React