Cannot read property "trim" of undefined

[ashkalor]

This is the error that appears on fresh installation of React three Fiber v18.17.5

It shows up atleast twice and sometimes thrice.

Device : Samsung Galaxy Tab A9
Android Version : Android 14
Repo Link to reproduce: Link

[yyuunn922]

There seems to be something wrong with version 8.17.*,

"@react-three/fiber": "8.16.8", Try it,

[CodyJasonBennett]

If 8.16.8 works, does 8.17.5 with <Canvas events={null} /> still crash?

[yyuunn922]

If 8.16.8 works, does 8.17.5 with <Canvas events={null} /> still crash?

Yes, adding events=null does not solve the trim error.

[ashkalor]

There seems to be something wrong with version 8.17.*,

"@react-three/fiber": "8.16.8", Try it,

Yes I am aware, raised this issue specifically for version 18.17.5. It started recurring after #3252 got merged I think.

[NikitaDudin]

Faced with same issue. I patched library.
Temporary solution: revert rest {...bind} props, remove this from GLView and add to Root View again.

patch: @react-three+fiber+8.17.5.patch

[AlissonBlaas]

still a issue

[vitorrbacelar]

developing a small project i ran through the same error, fixed by going on the file node_modules/three/build/three.cjs and on the function "onFirstUse", inside the first if, theres this line of code: const programLog = gl.getProgramInfoLog( program ).trim();

on the "if ( renderer.debug.checkShaderErrors )" i added the "program" property. Now it is "if ( renderer.debug.checkShaderErrors && program )".

solved for me

[leo0grau]

i am having this problem, any solution ?

[CodyJasonBennett]

on the "if ( renderer.debug.checkShaderErrors )" i added the "program" property. Now it is "if ( renderer.debug.checkShaderErrors && program )".

That sounds severely broken and undefined behavior.

Does 8.16.8 work for you by chance? I can't recreate this, and I anticipate it being device specific (Android).