Leaflet: Adding a vector layer from a Directus API with filter

Adding a vector layer with filter from a Directus API

Only Hellenistic and Roman sites are being displayed

<MapLeaflet
  height="400px"
  baseLayers={["OSM"]}>
  <VectorLayer
    source={{
            directus: {
              table: "scms_ksa",
              geoField: "geometry",
              queryString: "filter[Hellenistic_Roman][_eq]=true"
            }
          }}
    name="Hellenistic and Roman Sites"
    checked={true}
    fitToContent={true}
    popupTemplate={`<p><strong>${Item_Label}</strong>`}
  />
</MapLeaflet>

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