GeoJsonLayer performance vs Base Layers

[justsparsh]

I am attempting to render a large dataset (>1M polygons) and I noticed a significant performance difference when I use SolidPolygonLayer versus when I use GeoJsonLayer. Intuitively I understand that there will be a performance cost of using a Composite Layer but the difference is really night and day and I would like to understand why.

Important thing to note is that I am passing all data as binary. Could it be the way I am passing the data into the layers?

SolidPolygonLayer

  const [data, setData] = useState<any>(null)

  useEffect ( () => {
    const convertToBinary = async () => {
      const geojson = await fetch('/data/Utah.geojson');
      const jsonParsed = await geojson.json();
      const binary = geojsonToBinary(jsonParsed.features);

      const length = binary.polygons?.polygonIndices.value.length!;
      const positions = binary.polygons?.positions!.value;

      const data = {
      length: length,
      startIndices: binary.polygons?.polygonIndices!.value,
      attributes: {
          getPolygon: {value: positions, size: 2}
      }}
      setData(data);
    }

    convertToBinary();
  }, []);

  const layer = new SolidPolygonLayer({
    id: 'layer',
    data,
  })

GeoJsonLayer

  const [data, setData] = useState<any>(null)

  useEffect ( () => {
    const convertToBinary = async () => {
      const geojson = await fetch('/data/Utah.geojson');
      const jsonParsed = await geojson.json();
      const binary = geojsonToBinary(jsonParsed.features);

      setData(binary);
    }

    convertToBinary();
  }, []);

  const layer = new GeoJsonLayer({
    id: 'layer',
    data,
  })

[justsparsh]

I realised what's going on - the GeoJsonLayer automatically renders a PathLayer alongside the SolidPolygonLayer which seems to be significantly more resource intensive. A follow up question would be why the PathLayer seems to be so much more resource intensive than a SolidPolygonLayer when both have the same number of vertices