[Bug] Heatmap Layer Doesn't Render in v9 Update from v8.

[zrichardet]

Description

Updating to the most recent version of deck.gl and I am having issues with the Heatmap Layer not rendering as expected. I also use a Hex Layer and an MVT Layer without issues and my last hurdle is to get the Heatmap to appear on the screen.

Flavors

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

Expected Behavior

Heatmap layer renders as expected.

Steps to Reproduce

new HeatmapLayer({
        id: 'layer-id',
        data: [{position: [number, number], ...],
        opacity: 0.4,
        getPosition: (d) => d.position,
        colorRange: [
          [255, 255, 178],
          [254, 217, 118],
          [254, 178, 76],
          [253, 141, 60],
          [240, 59, 32],
          [189, 0, 38],
        ],
      })

Environment

• Framework version: 9.0.19
• Browser: Chrome 126.0.6478.61
• OS: Sonoma 14.5
• react-map-gl: 7.1.7

Logs

update of HeatmapLayer({id: 'layer-id'}): Cannot read properties of null (reading 'glTarget') TypeError: Cannot read properties of null (reading 'glTarget')