Leaflet layer doesn't handle dynamic data very well about heatmap.js HOT 1 OPEN

GeoJSON = GeoJSONlist[dataindex]; //update the requested featurelist
                                    initdropdown(true); //important to make a comparison later
                                    for (var i = 0; i !== GeoJSON.features.length; i++) {
                                        var feature = GeoJSON.features[i]; //get a singular feature
                                        if (feature.properties.competence === select.options[parseInt(selected)].textContent) {
                                            //IF the feature is from the competence we want to see, add it to the data that will be displayed
                                            Data.push({lat: feature.geometry.coordinates[0], lng: feature.geometry.coordinates[1], mag: feature.properties.mag / 10});
                                            // the three relevant items
                                        }
                                    }

Data.push({lat: feature.geometry.coordinates[0], lng: feature.geometry.coordinates[1], mag: feature.properties.mag / 10});

heat.setData(data);

// draw with mouse
                            mymap.on({
                                movestart: function () {
                                },
                                moveend: function () {
                                },
                                mousemove: function (e) {
                                    if (draw) {
                                        heat.addData(e.latlng);
                                    }
                                },
                                'click': onMapClick
                            });