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.