Three.js: TypeError: Cannot read property 'precision' of null (Brave)

Created on 25 Jun 2019 · 9Comments · Source: mrdoob/three.js

Getting this error using the Brave browser on Windows 10.

I'm using create-react-app and "three": "^0.100.0" with npm.

THREE.WebGLRenderer 100
three.module.js:10188 Uncaught TypeError: Cannot read property 'precision' of null
    at getMaxPrecision (three.module.js:10188)
    at new WebGLCapabilities (three.module.js:10206)
    at initGLContext (three.module.js:15334)
    at new WebGLRenderer (three.module.js:15374)
    at ThreeWorld (ThreeWorld.js:13)
    at init (index.js:19)
    at createBoardAndApi (Map.js:169)
    at Map.js:43
    at commitHookEffectList (react-dom.development.js:18059)
    at commitPassiveHookEffects (react-dom.development.js:18086)
    at HTMLUnknownElement.callCallback (react-dom.development.js:147)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:196)
    at invokeGuardedCallback (react-dom.development.js:250)
    at commitPassiveEffects (react-dom.development.js:19712)
    at wrapped (scheduler-tracing.development.js:177)
    at flushPassiveEffects (react-dom.development.js:19765)
    at dispatchAction (react-dom.development.js:14042)
    at Observer.callback (index.js:12)

More info:
https://www.reddit.com/r/brave_browser/comments/akshp1/threejs_error_webgl_when_using_the_brave_browser/

Browser Issue

Source

Josema

Most helpful comment

Just in case someone else has issues with this on Brave (I was going to comment on reddit but the thread was archived).

I think this might be caused by the device recognition shield in Brave, since device information from WebGL can be used for fingerprinting. By changing the setting for "Device Recognition" in Shield settings to "Allow all device recognition attemps" or "Only block cross-site device recognition attemps" you should not get this error.

AnotherHermit on 20 Nov 2019

👍24 🎉2 ❤1

All 9 comments

Sry, this is not a library but a browser issue. You should ask the support of Brave browser to fix this issue...

Mugen87 on 25 Jun 2019

Seems like this is being already reported/discussed in the mentioned link:
https://www.reddit.com/r/brave_browser/comments/akshp1/threejs_error_webgl_when_using_the_brave_browser/

mrdoob on 25 Jun 2019

Just in case someone else has issues with this on Brave (I was going to comment on reddit but the thread was archived).

AnotherHermit on 20 Nov 2019

👍24 🎉2 ❤1

Thank you @AnotherHermit, this was huge for me

nchase on 16 Feb 2020

Hello, any advice to manage this issue without the need of asking the user to turn off a specific setting in Brave Shield?
We have a Three.js object on our landing page and it looks a little bit disgusting to didn't see it when the setting is turned on...