Leaflet control layer for group layer

See more:

Javascript

i was trying to make control layer for my geojson layer. i use leaflet feature group to group it into one control, but there is an error that says Uncaught TypeError: Cannot read property 'minZoom' of undefined.

What I have tried:

var IncomeGroup = L.featureGroup().addTo(map);
    var overlays = {
    "Income" : IncomeGroup
    };
    console.log(overlays);
    //Menampilkan data kecamatan choropleth Income
    <?php
        $getKecamatan=$db->ObjectBuilder()->get('kecamatan');
        foreach ($getKecamatan as $row) {
            ?>

            <?php
            $arrayKecIncome[]='{
            name: "'.$row->nama_kecamatan.'",
            layer: new L.GeoJSON.AJAX(["assets/unggah_kecamatan/geojson/'.$row->geojson_kecamatan.'"],{
                style: styleIncome
                
            }).addTo(IncomeGroup).bindPopup(
                "Kecamatan : '.$row->nama_kecamatan.'<br>Pendapatan Rerata (Rp) : '.$dataIncome[$row->kode_kecamatan].'")
            }';
        }
    ?>

    var array = [
            <?=implode(',', $arrayKecIncome);?>
        ];
        
    //Menampilkan data kecamatan choropleth-end
        
    L.control.layers(baseLayers, overlays).addTo(map);