[Bug] Using with nextjs

[krish-adi]

Description

I am trying to add deck.gl to a nextjs project. Using the example in the documentation. But I get a require() of ES module error.

Flavors

• React
• Python/Jupyter notebook
• MapboxLayer
• GoogleMapsOverlay
• CartoLayer
• DeckLayer/DeckRenderer for ArcGIS

Expected Behavior

No response

Steps to Reproduce

https://deck.gl/docs/get-started/using-with-react#the-deckgl-react-component

Environment

• Framework version: 8.9.3
• Nextjs version: 13.1.6

Logs

Server Error

Error: require() of ES Module /Users/adithya/projects/spatiali-se/app-spatiali-se/node_modules/@mapbox/tiny-sdf/index.js from /Users/adithya/projects/spatiali-se/app-spatiali-se/node_modules/@deck.gl/layers/dist/es5/text-layer/font-atlas-manager.js not supported.
Instead change the require of index.js in /Users/adithya/projects/spatiali-se/app-spatiali-se/node_modules/@deck.gl/layers/dist/es5/text-layer/font-atlas-manager.js to a dynamic import() which is available in all CommonJS modules.

[Pessimistress]

#7735