Unable to Load H3 hexagons on top of google vector maps

[vishnu947]

Description

Here i am trying to load hexagons using vector maps. But i am unable to load it. Instead i can able to load using raster Maps by using the same below snippet without mapId.

import { H3HexagonLayer } from "@deck.gl/geo-layers";
import { GoogleMapsOverlay as DeckOverlay } from "@deck.gl/google-maps";

map = new google.maps.Map(
document.getElementById("map"),
{
center: {
lat: intlat.value,
lng: intlong.value,
},
zoom: zoomVal,
mapId: "************", //Enabled for Vector Maps
}
);

 overlay.value = new DeckOverlay({
          layers: [layers],
        });
        overlay.value.setMap(map);
        
        My Layer i am using is **H3HexagonLayer** :
         layers = dataChunks.map(
      (chunk, chunkIndex) =>
        new H3HexagonLayer({
          id: `chunk-${chunkIndex}`,
          data: chunk,
          wireframe: true,
          filled: true,
          pickable: true,
          coverage: 1,
          // extruded: true,
          elevationScale: 10,
          getHexagon: (d) => d.hex,
        
        })
    );

Attached screenshot is the data format i am getting which works for raster maps but not for vector maps:

Flavors

• Script tag
• React
• Python/Jupyter notebook
• MapboxOverlay
• GoogleMapsOverlay
• CartoLayer
• ArcGIS

Expected Behavior

Make sure it will load the hexagons by using vector maps

Steps to Reproduce

https://deck.gl/docs/api-reference/geo-layers/h3-hexagon-layer

On top of google vector map i need to load like in the above link.

Environment

• Framework version: deck.gl@8.9.32
• Browser:
• OS:

Logs

No response