/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 views6 answers
Replace all in react js
Javascript React
0 vote365 views1 answer
Add pdf in react app
Javascript React
0 vote337 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
1 vote356 views1 answer
How to clear pod cache in react native
Javascript React
2 votes327 views1 answer
Rn touchableopacity
Javascript React
13 votes321 views4 answers
React native android build apk
Javascript React
1 vote350 views1 answer
Inline z-index react
Javascript React
0 vote398 views1 answer
How to get css property of div after rendering in react js
Javascript React
0 vote360 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
0 vote332 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React