How to pass features? about react-mapbox-gl-draw HOT 1 CLOSED

  const drawControl = React.useRef<any>();
  const [features, setFeatures] = React.useState<any[]>([]);
  React.useEffect(() => {
    if (drawControl.current) {
      drawControl.current.draw.set({ features, type: "FeatureCollection" });
    }
  }, [features]);

  return (
    <Map
      style={style}
    >
      <DrawControl
        onDrawCreate={e =>
          setFeatures(oldFeatures => [...oldFeatures, ...e.features])
        }
        onDrawDelete={e => {
          const idsToDelete = e.features.map((feature: any) => feature.id);
          setFeatures(oldFeatures => oldFeatures.filter(feature => idsToDelete.includes(feature.id)));
        }}
        onDrawUpdate={e => {
          setFeatures(oldFeatures =>
            oldFeatures.map(feature => e.features.find((newFeature: any) => newFeature.id === feature.id) || feature),
          );
        }}
        ref={drawControl as any}
      />
  </Map>