title: Leaflet Draw Will Not Delete Features that are added on page load from L.geoJSON()
body: <p>I am loading a GeoDjango GeometryCollection from a database record and placing them on a featureGroup() using L.geoJSON(). When I try to edit or delete the individual layers, it does not work and there's no error message. However, when I use the "Clear All Layers" button, it successfully deletes all the layers. Is there somewhere I should look to figure this out? </p>
  
  <p><strong>UPDATE</strong>: I noticed an error message on Edit, seen below. The delete (trash icon) still does not work or provide any error message when I try to delete the items that are placed when the page is loaded. </p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'enable' of undefined
    at i._enableLayerEdit (leaflet.draw.js:formatted:2204)
    at i.eachLayer (leaflet.js:5)
    at i.addHooks (leaflet.draw.js:formatted:2131)
    at i.enable (leaflet.js:5)
    at i.enable (leaflet.draw.js:formatted:2115)
    at HTMLAnchorElement.s (leaflet.js:5)
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/6uSog.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6uSog.png" alt="enter image description here"></a></p>
  
  <p>Using Leaflet Draw 1.0.4 (Leaflet 1.6.0)</p>
  
  <pre><code>&lt;script&gt;
  var mymap = L.map('mapid').setView([39.828, -98.579], 4),
  layer = L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
    attribution: 'Map data &amp;copy; &lt;a href="https://www.openstreetmap.org/"&gt;OpenStreetMap&lt;/a&gt; contributors, &lt;a href="https://creativecommons.org/licenses/by-sa/2.0/"&gt;CC-BY-SA&lt;/a&gt;, Imagery © &lt;a href="https://www.mapbox.com/"&gt;Mapbox&lt;/a&gt;',
    maxZoom: 18,
    id: 'mapbox/streets-v11',
    tileSize: 512,
    zoomOffset: -1,
    accessToken: '&lt;my token&gt;'
  }),
  drawnItems = L.featureGroup().addTo(mymap);
  
  L.control.layers({
    'layer': layer.addTo(mymap),
  },
  {
    'drawLayer': drawnItems
  }).addTo(mymap);
  
  
  
  {% if coords %}
  var geos = {% autoescape off %}{{coords}}['geometries']{% endautoescape %}
  $(geos).each(function() {
    L.geoJSON(this).addTo(drawnItems);
  })
  {% endif %}
  
  mymap.addControl(new L.Control.Draw({
    edit: {
      featureGroup: drawnItems,
      remove: true,
    poly: {
      allowIntersection: false
    },
  },
  draw: {
    polyline: false,
    circle: false,
    circlemarker: false,
    polygon: {
      allowIntersection: false
    }
  }
  })
  );
  &lt;/script&gt;
  </code></pre>