MapLibre: Adding two or more layers form a single vector source (a local GeoJSON file)

Adding two or more layers form a single vector source (a local GeoJSON file).

  <MapLibre 
    center="37.00416,37.48551,9"
    baseLayers={["EsriSatellite", "CAWM"]}
  >
    <VectorLayerLibre
      name="Sites"
      source={{
        path2data: {
          path: "/data/ksa-mixed.geojson"
        }
      }}
      checked={true}
      style={{
        id: "ksaSites",
        type: "circle",
        paint: {
          "circle-radius": 4,
          "circle-color": "#007cbf",
          "circle-stroke-width": 1.5,
          "circle-stroke-color": "#000000"
        },
      }}
      popupTemplate="<h4>${label}</h4>"
    />

    <VectorLayerLibre
      name="Sites Plg"
      source={{
        path2data: {
          path: "/data/ksa-mixed.geojson"
        }
      }}
      checked={true}
      style={{
        id: "ksaSitesPlg",
        type: "fill",
        paint: {
          "fill-color": "#088",
          "fill-opacity": 0.6  
        },
      }}
      popupTemplate="<h4>${label}</h4>"
    />

  </MapLibre>

Data from Kahramanmaraş Survey created by Elizabeth Carter and published on OpenContext add distributed with CC BY 4.0 International license.