The view go blank

[Warpeas]

Hi, I try the streetscape.gl and xviz on Ubuntu20.04. I started the get-start and can see the scene.

But when I try to drag the view under the view mode driver, all the page go blank.

The error in the console shows

Uncaught Error: failed to invert matrix
_calcMatrices transform.js:763
set transform.js:200
jumpTo camera.js:716
_updateMapViewport mapbox.js:434
_update mapbox.js:400
setProps mapbox.js:213
_updateMapProps static-map.js:217
componentDidUpdate static-map.js:156
React 6
unstable_runWithPriority scheduler.development.js:653
React 5
unstable_runWithPriority scheduler.development.js:653
React 6
_customRender deckgl.js:148
redraw deck.js:330
_onRenderFrame deck.js:694
onRender animation-loop.js:259
_renderFrame animation-loop.js:347
redraw animation-loop.js:185
renderFrame animation-loop.js:286
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
requestAnimationFrame request-animation-frame.js:6
_requestAnimationFrame animation-loop.js:334
renderFrame animation-loop.js:287
transform.js:763:22

The above error occurred in the component:
in StaticMap (created by Core3DViewer)
in div (created by DeckGL)
in div (created by DeckGL)
in DeckGL (created by Core3DViewer)
in Core3DViewer (created by LogViewer)
in div (created by LogViewer)
in LogViewer (created by WrappedComponent)
in WrappedComponent (created by Example)
in div (created by Example)
in div (created by Example)
in div (created by Example)
in Example
Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries

[twojtasz]

@Warpeas this is a viewport matrix inversion, the root cause comes from the StaticMap.

Normally in the perspective view, the viewport is limited and you can't go below the car. (ground plane). In driver mode, I can't seem to repro, I can only rotate, not change pitch.