Hexagons not aligning as expected

[WillCalderwood]

I've attached an image and video of the behaviour, and below is the code that creates the layer. I'd expect all the hexagon edges to be perfectly aligned, but they seem to jump around depending on the location of the map's viewport. I can't find anyone else reporting this issue but it seems to be at a lower level than my code base. Does anyone know what might be causing this?

const result = new H3HexagonLayer<DataPoint>({
      id: "h3-hexagon-layer",
      data: dataPoints,
      pickable: true,
      extruded: false,
      opacity: 1,
      getHexagon: (d) => BigInt(d[0].value).toString(16),
      getFillColor: (d) => {
        const col = d3.color(
          getColorByAxis(d, chartConfig, maxValue),
        ) as d3.RGBColor;
        return [col.r, col.g, col.b, 50];
      },
      updateTriggers: {
        getFillColor: [dataPoints],
      },
      parameters: {
        blend: true,
      },
      onHover: (info) => {
        if (
          !tooltipRef.current ||
          chartConfig.generalConfig?.showTooltip === false
        )
          return;
        const { x, y, object } = info;
        if (object) {
          const hex = String(object[0].value);
          const intensity = object[1].value;
          showTooltip(
            tooltipRef.current,
            x,
            y,
            <div className="p-2">
              <div className="text-sm font-semibold">H3 Cell</div>
              <div className="text-xs">Index: {hex}</div>
              <div className="text-xs">Intensity: {intensity.toFixed(2)}</div>
            </div>,
          );
        } else {
          hideTooltip(tooltipRef.current);
        }
      },
    });

Screen.Recording.2025-06-15.101153.mp4

[WillCalderwood]

Not to worry... I've realised it's the highPrecision flag on the hex layer.