0050763: Memory leak in Carousel.jsx - DOM event listeners are not being removed

Openbravo Issue Tracking System - POS2

View Issue Details

Project

Category

View Status

Date Submitted

Last Update

0050763

POS2

POS

public

2022-11-03 23:41

2022-11-07 18:11

Reporter

AugustoMauch

Assigned To

Retail

Priority

normal

Severity

major

Reproducibility

have not tried

Status

closed

Resolution

fixed

Platform

OS Version

Product Version

Target Version

22Q3.3

Fixed in Version

22Q3.2

Merge Request Status

Review Assigned To

OBNetwork customer

Support ticket

Regression level

Regression date

Regression introduced in release

Regression introduced by commit

Triggers an Emergency Pack

Summary

0050763: Memory leak in Carousel.jsx - DOM event listeners are not being removed

Description

The Carousel.jsx component has a memory leak because it is registering DOM events on a useEffect hook but is never unregistering them.

The useEffect hook should return a function that will be invoked when unmounting the component and that will unregister the DOM events

Steps To Reproduce

See the code here [1], it is adding two event listeners but never removing them. It should removee them like it is done here [2]

[1] https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/blob/master/web-jspack/org.openbravo.core2/src/components/Carousel/Carousel.jsx#L66 [^]
[2] https://gitlab.com/openbravo/product/pmods/org.openbravo.core2/-/blob/master/web-jspack/org.openbravo.core2/src/components/DrawerMenu/DrawerMenuGroup.jsx#L250 [^]

Proposed Solution

Additional Information