how to edit a polygon in google map using react-google-map/api in a react app

Question

I have got a react app which have some polygon. I can draw new polygon in app and can save its all vertex lag,lng in a variable but when I try to edit it i can't see any changes in my polygons but only reflecting in map not in variable like useState() or I think I am using wrong Event to capture polygon change

`const handlePolygonComplete = (polygon) => {
  console.log(polygon.getPath().getArray())
  const paths = polygon.getPath().getArray().map((latLng) => ({
    lat: latLng.lat(),
    lng: latLng.lng(),
  }));
  console.log(paths)
  
  // setPolygonPaths(paths);
};

<DrawingManager
    drawingMode="polygon"
    onPolygonComplete={handlePolygonComplete}
    
    options={{
      drawingControl: true,
      drawingControlOptions: {
        position: window.google?.maps.ControlPosition.TOP_CENTER,
        drawingModes: ['polygon'],
      },
      polygonOptions: {
        editable: true,
      },
    }}
    
  />
    {polygonPaths.map((paths, index) => (
      <Polygon
        key={index}
        paths={paths}
        editable
        
      />
    ))}`