Passing external camera to r3f somehow makes it have undefined matrixWorld

[trusktr]

I'm trying to find out why, after I've passed an external camera into r3f,

const three = useThree()
three.setDefaultCamera(this.props.camera as import('react-three-fiber').Camera)

when I update the React state and things re-render (i.e. r3f updates its visual) then the passed-in camera's .matrixWorld property is somehow set to undefined, which causes external code outside of r3f to crash.

(I am trying to render r3f scenes and an external non-r3f scene with the same camera.)

I wonder what could be the cause. Haven't found it yet.

[drcmda]

do you havbe a sandbox? and do you call sDC in the render function (---> infinite loop)?

[trusktr]

do you call sDC in the render function

It is in a useEffect with [three] in the dependency list.

Let me try to make a sandbox.

[trusktr]

@drcmda I haven't been able to successfully make a reproduction of the problem I have. I'm trying to make it similar to my code, but not sure exactly what's the detail that causes the camera.matrixWorld to be undefined.

(The sandbox does have a couple other issues, I'll make new threads for those.)

https://codesandbox.io/s/r3f-mouse-forked-cjblk?file=/src/index.js