title: How to fix 'TypeError: leaflet__WEBPACK_IMPORTED_MODULE_7___default.a.markerClusterGroup is not a function'
body: <p>I am trying to implement marker cluster on my multiple markers but I keep getting type error.</p>
  
  <blockquote>
    <p>TypeError: leaflet__WEBPACK_IMPORTED_MODULE_7___default.a.markerClusterGroup is not a function</p>
  </blockquote>
  
  <pre><code>this.map = L.map('map',{
              center:[28,84],
              zoom:7,
          });
  
          let locations = [
              ["LOCATION_1",28, 84],
              ["LOCATION_2",28.2, 85],
              ["LOCATION_3",28.1, 84],
              ["LOCATION_4",28.1, 84],
              ["LOCATION_5",28.01, 84]
          ];
  
          let greenIcon = L.icon({
              iconUrl: 'someUrl',        
              iconSize:[30, 30], // size of the icon
           });
  
           let markers = L.markerClusterGroup();
  
           for (let i = 0; i &lt; locations.length; i++) {
              let marker = new L.marker([locations[i][1],locations[i][2]], {icon: greenIcon})
                  .bindPopup(locations[i][0])
                  .addTo(this.map);
              markers.addLayer(marker);
          }
  
          this.map.addLayer(markers);
  </code></pre>