Server Side Rendering creates global "window" object during import

[ex3ndr]

Right after importing react-map-gl object "window"object "window" in the global scope appears and this breaks a lot of stuff on the server side.

console.warn(typeof window);
import 'deck.gl';
console.warn(typeof window);

Will output

undefined
deck.gl 5.0.2 - set deck.log.priority=1 (or higher) to trace attribute updates
object

Workaround is to use dynamic imports and do not import deck.gl directly.

[ibgreen]

@ex3ndr Confirmed. I put a "breakpoint". looks like the problem is in webgl-debug module, which is imported by luma.gl .

• One starting point could be to file a bug on webgl-debug.
• Another to file a bug on luma.gl, we could work around by restoring window to whatever it was before importing webgl-debug.

Error: here
at set (/Users/ib/Documents/deck.gl/test/node.js:37:25)
at /Users/ib/Documents/deck.gl/node_modules/webgl-debug/index.js:32:12

[ex3ndr]

Workaround (canUseDom is my helper variable):

let w = typeof window === 'undefined' ? undefined : window;
import * as Deck from 'deck.gl';
if (!canUseDOM) {
    window = w;
}

[ex3ndr]

Seems to be fixed at webgl-debug!

[1chandu]

CC: @ex3ndr
Closing this , opened this issue on luma.gl : visgl/luma.gl#394