Home/ Questions/”Cant perform a react state update on an unmounted component” – simple way to solve it?
Next
Answered
flofarrell
  • 4
Asked: 2022-06-15T02:24:21+00:00 In:

”Cant perform a react state update on an unmounted component” – simple way to solve it?

  • 4

. Advertisement .

..3..

. Advertisement .

..4..

I encounter ”Cant perform a react state update on an unmounted component” error when fetching of data is started and the component was unmounted, but the function is trying to update the state of the unmounted component.

Can't perform a React state update on an unmounted component.

I searched the solutions on some websites, but I didn’t get it. I appreciate your assistance!

Share

1 Answer

  1. Best Answer
    Expert

    The cause: This error mesage implies that your application has a memory leak.

    The solution: You can fix this error by using a local variable to track whether or not the component is mounted.For Example:

    function Example() {
  const [text, setText] = React.useState("waiting...");

  React.useEffect(() => {
    let isCancelled = false;

    simulateSlowNetworkRequest().then(() => {
      if (!isCancelled) {
        setText("done!");
      }
    });

    return () => {
      isCancelled = true;
    };
  }, []);

  return <h2>{text}</h2>;
}
    • 3

Leave an answer

You must login to add an answer.

Need An Account,