[Bug] Using GoogleMapsOverlay with interleaved set to true results in an error logged in the browser's console

[JoostKiens]

Description

Hi,

We are using GoogleMapsOverlay in a React application. Since v9.1.0 we see an error in the browser's console when we attach a map to the overlay.

Uncaught TypeError: this.props.framebuffer.colorAttachments is undefined

This is logged when loading, or when panning/zooming the map.

Interleaving itself works fine.

We started seeing this from v9.1.0, it still happens in v9.1.1

When setting the interleaved option to false, the error disappears.

The same error occurs in this example: https://github.com/visgl/deck.gl/tree/9.1-release/examples/get-started/react/google-maps

Flavors

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

Expected Behavior

No error in the browser's console

Steps to Reproduce

Run the example: Get Started / React / Google Maps
https://github.com/visgl/deck.gl/tree/9.1-release/examples/get-started/react/google-maps

Environment

• Framework version: [email protected]
• Browser: Firefox 135.0
• OS: macOs 15.2

Logs

WEBGLRenderPass webgl-render-pass.ts:45
    beginRenderPass webgl-device.ts:308
    render layers-pass.ts:86
    renderLayers deck-renderer.ts:90
    _drawLayers deck.ts:1060
    _onDrawVectorInterleaved google-maps-overlay.ts:289
    withGLParameters with-parameters.ts:37
    withParametersWebGL webgl-device.ts:385
    _onDrawVectorInterleaved google-maps-overlay.ts:288
    OE main.js:400
    draw webgl.js:666
    draw webgl.js:943
    mh webgl.js:997
    run webgl.js:721
    run webgl.js:777
    Qh webgl.js:676
    Qh webgl.js:136
    d webgl.js:157
    gY webgl.js:155
    eab webgl.js:156
    Qg webgl.js:698
    Tg webgl.js:697
    mY webgl.js:159
    Pg webgl.js:698
    vX webgl.js:158
    f$a webgl.js:136
    requestRedraw webgl.js:676
    requestRedraw webgl.js:724
    mh webgl.js:998
    run webgl.js:721
    run webgl.js:777
    Qh webgl.js:676
    Qh webgl.js:136
    d webgl.js:157
    gY webgl.js:155
    eab webgl.js:156
    Qg webgl.js:698
    Tg webgl.js:697
    mY webgl.js:159
    Pg webgl.js:698
    vX webgl.js:158
    f$a webgl.js:136
    requestRedraw webgl.js:676
    requestRedraw webgl.js:1004
    requestRedraw webgl.js:1007
    Ig webgl.js:1005
    draw webgl.js:666
    draw webgl.js:943
    mh webgl.js:998
    run webgl.js:721
    run webgl.js:777
    Qh webgl.js:676
    Qh webgl.js:136
    d webgl.js:157
    gY webgl.js:155
    eab webgl.js:156
    Qg webgl.js:698
    Tg webgl.js:697
    mY webgl.js:159
    Pg webgl.js:698
    vX webgl.js:158
    f$a webgl.js:136
    requestRedraw webgl.js:676
    requestRedraw webgl.js:724
    vb webgl.js:989
    BY webgl.js:165
    lrb webgl.js:702
    MW webgl.js:115
    cY webgl.js:165
    Z$a webgl.js:154
    Qh webgl.js:1002
    uxa map.js:56
    PB map.js:55
    c webgl.js:157
    gY webgl.js:155
    eab webgl.js:156
    Qg webgl.js:698
    Tg webgl.js:697
    mY webgl.js:159
    Pg webgl.js:698
    vX webgl.js:158
    Hmb webgl.js:478
    PB map.js:54
    Eg map.js:137
    Kv map.js:127
    Kv map.js:126
    Kv map.js:138
    Dc map.js:78