After cutting a polygon, its rendering breaks. (pm:cut in react-leaflet-geoman)

[JUSUKE-MOMENT]

I have faced the problem that after cutting a polygon it breaks the renderer and you can no longer interact with it, you can't edit it or merge or delete it, the polygon will remain on the map but will be removed from the array of polygons. All coordinate changes are correctly saved in the polygon array and in the map layer object itself after cutting. Has anyone experienced this?

my function for cutting processing:

const handlePolygonCut = (e) => {
    console.log("Cutting Event: ", e);

    const newLayer = e.layer;
    const newLayerID = newLayer.options.customId;
    const newLayerLatLngs = newLayer.getLatLngs();

    const closedNewLayerLatlngs = ClosePolygon(newLayerLatLngs);

    setPolygons((polygons) =>
      polygons.map((polygon) =>
        polygon.id === newLayerID
          ? { ...polygon, latlng: closedNewLayerLatlngs }
          : polygon
      )
    );
  };

[Falke-Design]

The cut polygon is a completly new layer. You need to add all custom listeners / logic to it again.

Please create a demo in vanilla js if the error still occurs: https://plnkr.co/edit/3XhAuzVQ2CMyNFS

[JUSUKE-MOMENT]

Please forgive me for this delay. I have tried to implement some of the code on the site you provided and attached the link below. Also you mentioned that all custom events and properties need to be re-bound to the cut polygon, in my code it happens when changing the array of polygons or just displaying them on the map.
https://plnkr.co/edit/isGQrKgdUjJ53PJ3?preview

[Falke-Design]

I do not understand your code. The listeners are never applied because polygons will be always empty

[JUSUKE-MOMENT]

I'm having trouble adapting the code from react to vanilla js. I was able to fix the problem, myself sorry for the annoyance, the problem was with the keys for polygons from an array and react didn't understand how to render the polygon correctly.