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

[chantal-kelm]

Wazuh	Rev	Browser
4.9.0	00	-

Description

The application has a warning that is repeated many times throughout the application. We need to fix it.

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

Evidence


Tasks

• [x] Create a hook to fix the warning.
• [x] Creating unit tests
• [ ] Use the hook in all functional components of the application.
• [ ] Define the best way to solve the warning in class components

Additional information

Add here any additional information relevant to the issue or that will help to close it: chunks of code, logs, additional error messages, related issues and so on.

[chantal-kelm]

After investigating why this happens in our application I saw that what happens is that for example if you are in a tab and you switch to another, when the component is unmounted there are asynchronous processes that are still running and that's when the application throws the warning ‘Cannot perform a React status update on a unmounted component’.

To solve this I created a hook to resolve the warning. This hook will allow us to implement a global solution in the application to fix the warning.

[chantal-kelm]

IMPORTANT

This issue is still in progress, we will postpone it to the next stage.