How to clear the bounding box that is drawn ?

[saptisunil]

Here is the code for leaflet maps that i have used.

<MapContainer className="map" center={[51.505, -0.09]} zoom={13} scrollWheelZoom={false} >
                  <FeatureGroup>
                    <EditControl position="topleft" onCreated={this.created} onEdited={this.edited} onDeleted={this.deleted} draw={{circle:false, marker:false, polygon:false, polyline:false}} ref="edit" />
                  </FeatureGroup>
                  <TileLayer
                    attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
                    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
                  />
 </MapContainer>

I wanted to clear the bounding box drawn using a button outside the MapContainer? How can i do that ?