Memory leak

[yzhbankov]

Found big problem for us. When using this library observer memory leak. After couple minutes of working increased javascript memory usage. For 20-30 minutes in increased up to 6-7 times.

[popbee]

Could the memory leak be because because all registered events are never unregistered?

    Object.entries(clusterEvents).forEach(
      ([eventAsProp, callback]) => {
        const clusterEvent = `cluster${eventAsProp.substring(2).toLowerCase()}`;
        markerClusterGroup.on(clusterEvent, callback);
      }
    );```

[ivanov-v]

@yuzhva Is this bug planned to be fixed?

[ronaldaraujo]

I've been same error here. In my scenery, I have two functions:

function renderStaticMap() {
    return showClusterGroup ? (
        <MarkerClusterGroup>{renderMarkers()}</MarkerClusterGroup>
    ) : (
        renderMarkers()
    );
}

and

function renderMarkers() {
    return equipments?.map((equipment, index) => {
      const [lat, lng] = getLatLngFromEquipment(equipment);

      return (
        lat &&
        lng && (
          <Marker
            key={index}
            position={{
              lat,
              lng
            }}
            icon={getIcon(equipment)}
          >
            <Popup
              onClose={() => {
                openMapHeader();
              }}
              onOpen={() => {
                closeMapHeader();
                if (showClusterGroup) setShowClusterGroup(false);
              }}
            >
              <Card data={equipment} />
            </Popup>
          </Marker>
        )
      );
    });
}

When property showClusterGroup is false, the map is rendered normally. But showClusterGroup is true the application freeze.

What am I doing wrong?