Deck.gl causing "TypeError: Cannot set properties of undefined (setting 'adapter')" with vite dev mode

Question

I have a React project that uses Deck.gl. The app has been working fine for several weeks, and is in production without issue. However, today, while developing, the app started crashing with these errors in the console:

TypeError: Cannot set properties of undefined (setting 'adapter') at new WebGLAdapter

I rolled back all my changes back, then when that didn't work, I completely deleted the local repo and checked out the working production branch. I cleared all node_modules and re-installed everything using the unchanged yarn.lock file. But no love - I keep getting the same error.

The error occurs on both chrome and safari, but our staging and production versions are running fine in the same browsers.

If I build the project with vite build and run with vite preview, then no problems. But I can't get it to work with the standard vite command (ie. running the dev server).

If I comment out all Deck.gl code, it works. But as soon as I bring a Deck class instantiator back into the code, such as:

new GoogleMapsOverlay()
new TileLayer()
new GeoJsonLayer()

...the app crashes again. Even if this code is never called (ie. In a function, but the function call is commented out).

I tried delaying the module loading - eg. const { GoogleMapsOverlay } = await import('@deck.gl/google-maps');. This allows the app to render. But as soon I actually try to use a deck module, it crashes again.

A colleague is working on the exact same codebase without issue.

I have absolutely no idea what has changed in my environment, or how to get it working again???

Daniel Loiterton · Accepted Answer · 2025-05-22 14:12:07Z

0

In case anyone stumbles across this post...

I managed to track down a previous version of the codebase that would run in vite dev mode. Finally, I isolated the change which caused this error. It was changing this line from:

import { GeoJsonLayer } from 'deck.gl';

to

import { GeoJsonLayer } from '@deck.gl/layers';

which introduces the issue, although not immediately. I think it was re-installing dependencies after making this change, which uncovers the error.

answered May 22 at 14:12

Daniel Loiterton

5,3466 gold badges35 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sergej Jun 9 at 18:40

I have all my imports from '@deck.gl/*' but the issue still persists. I don't have any import from 'deck.gl'; anywhere in my code.

Sergej · Accepted Answer · 2025-06-09 19:02:28Z

0

I will just leave an answer how I resolved the issue.

Downgrade @deck.gl to version 9.0.38

In my package.json

I see this:

    "@deck.gl/core": "9.0.38",
    "@deck.gl/google-maps": "9.0.38",
    "@deck.gl/layers": "9.0.38",

But after downgrading and running my app I saw a lot of errors like this:

[ERROR] TS2307: Cannot find module '@luma.gl/shadertools/dist/lib/...

I fixed this error by changing option in

tsconfig.json file

I have found this option

"moduleResolution": "bundler",

and changed its value to node

"moduleResolution": "node",

now my app build without errors

answered Jun 9 at 19:02

Sergej

2,2641 gold badge21 silver badges35 bronze badges

Collectives™ on Stack Overflow

Deck.gl causing "TypeError: Cannot set properties of undefined (setting 'adapter')" with vite dev mode

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related