With the latest Plotly.js commit in master (997946b) I get this error when using scatter 3d (the code I work on is here and the package.json is accessible in the same project):

The props of the PlotlyComponent:

The code loads a partial bundle (a correct one, I verified) and the same chart data works in react-chart-editor, in the same web page.

If I go to https://get.webgl.org/ I get the green message: "Your browser supports WebGL" and a spinning cube.

In the DevTools console I get this:

react_devtools_backend.js:2430 WARN: webgl setup failed possibly due to false preserveDrawingBuffer config. The mobile/tablet device may not be detected by is-mobile module. Enabling preserveDrawingBuffer in second attempt to create webgl scene...
overrideMethod @ react_devtools_backend.js:2430
push../src/addons/volto-plotlycharts/node_modules/plotly.js/src/lib/loggers.js.loggers.warn @ loggers.js:53
push../src/addons/volto-plotlycharts/node_modules/plotly.js/src/plots/gl3d/scene.js.proto.tryCreatePlot @ scene.js:154
push../src/addons/volto-plotlycharts/node_modules/plotly.js/src/plots/gl3d/scene.js.proto.initializeGLPlot @ scene.js:201
Scene @ scene.js:87
plot @ index.js:55
push../src/addons/volto-plotlycharts/node_modules/plotly.js/src/plot_api/subroutines.js.exports.drawData @ subroutines.js:593
push../src/addons/volto-plotlycharts/node_modules/plotly.js/src/lib/index.js.lib.syncOrAsync @ index.js:417
continueAsync @ index.js:412
Promise.then (async)
push../src/addons/volto-plotlycharts/node_modules/plotly.js/src/lib/index.js.lib.syncOrAsync @ index.js:420
plot @ plot_api.js:399
newPlot @ plot_api.js:576
react @ plot_api.js:2612
(anonymous) @ factory.js:82
Promise.then (async)
updatePlotly @ factory.js:73
componentDidMount @ factory.js:110
commitLifeCycles @ react-dom.development.js:19814
commitLayoutEffects @ react-dom.development.js:22803
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
commitRootImpl @ react-dom.development.js:22541
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
commitRoot @ react-dom.development.js:22381
finishSyncRender @ react-dom.development.js:21807
performSyncWorkOnRoot @ react-dom.development.js:21793
(anonymous) @ react-dom.development.js:11089
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
flushSyncCallbackQueueImpl @ react-dom.development.js:11084
flushSyncCallbackQueue @ react-dom.development.js:11072
scheduleUpdateOnFiber @ react-dom.development.js:21199
dispatchAction @ react-dom.development.js:15660
onChange @ View.jsx:36
(anonymous) @ visibility-sensor.js:381
setInterval (async)
(anonymous) @ visibility-sensor.js:268
componentDidMount @ visibility-sensor.js:400
commitLifeCycles @ react-dom.development.js:19814
commitLayoutEffects @ react-dom.development.js:22803
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
commitRootImpl @ react-dom.development.js:22541
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
commitRoot @ react-dom.development.js:22381
finishSyncRender @ react-dom.development.js:21807
performSyncWorkOnRoot @ react-dom.development.js:21793
scheduleUpdateOnFiber @ react-dom.development.js:21188
updateContainer @ react-dom.development.js:24373
(anonymous) @ react-dom.development.js:24758
unbatchedUpdates @ react-dom.development.js:21903
legacyRenderSubtreeIntoContainer @ react-dom.development.js:24757
hydrate @ react-dom.development.js:24823
(anonymous) @ start-client.jsx:45
checkReadyState @ loadable.esm.js:428
(anonymous) @ loadable.esm.js:438
loadableReady @ loadable.esm.js:413
(anonymous) @ start-client.jsx:44
(anonymous) @ client.js:8
./src/client.js @ client.js:13
__webpack_require__ @ bootstrap:873
fn @ bootstrap:150
1 @ theme.js:2
__webpack_require__ @ bootstrap:873
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ vendors~client.chunk.js:1
Show 33 more frames

webgl error in Create React App #5222

Description

archmojopenedon Oct 20, 2020

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions

archmoj
openedon Oct 20, 2020