[Bug]MapboxOverlay changes the light effect of maboxgl(version > 3.0.0) when set interleaved = true

[linze99]

Description

I'm using MapboxOverlay adding deck layers to mapbox
when setting interleaved = true, it changes the light effect of mapbox

interleaved = true

Flavors

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

Expected Behavior

interleaved = false

No response

Steps to Reproduce

const map = new mapboxgl.Map({
  container: "map", // container ID
  center: [  -74.09199,
      40.693020], // starting position [lng, lat]
  zoom: 20, // starting zoom
  pitch: 45
});

const { MapboxOverlay } = deck;
const data = [
{
  "geometry": {
    "coordinates": [
      [
        -74.09395914600337,
        40.69299152131947
      ],
      [
        -74.0925962068635,
        40.69141229325328
      ],
      [
        -74.09088773385702,
        40.69250392955112
      ],
      [
        -74.09242343993016,
        40.69422140112198
      ]
    ],
    "type": "LineString"
  },
  "type": "Feature",
  "properties": {}
}
];

const overlay = new MapboxOverlay({
  interleaved: true,
  layers: [
    new deck.GeoJsonLayer({
      id: "linelayer",
      data: data,
      filled: false,
      _full3d: true,
      stroked: true,
      billboard: true,
      getFillColor: [160, 160, 180, 200],
      getLineColor: [2, 200, 248],
      getLineWidth: 1,
    })
  ]
});
map.addControl(overlay);

Environment

• Framework version: 8.9.34
• Browser: Safari
• OS: Macos Sonoma

Logs

No response