Concurrent canvas or problems with post-processing

[Lyadov]

Hi!
I am making a mini-game with your wonderful library!

I have implemented tabs using react-router and I get an this error when switching the page:
"TypeError: this.renderer.getRenderTarget is not a function"

• on each page use different canvas
• use post-processing on one of the pages:

export default function Effects() {

    const composer = useRef()
    const { scene, gl, size, camera } = useThree()
    useEffect(() => void composer.current.setSize(size.width, size.height), [size])
    useFrame(() => composer.current.render(), 2)

    return (
        <effectComposer ref={composer} args={[gl]}>
            <renderPass attachArray="passes" scene={scene} camera={camera} />
            <unrealBloomPass attachArray="passes" args={[undefined, 0.8, 1, 0]} />
        </effectComposer>
    )
}

noticed if you turn off the canvas concurrent mode, the error disappears.

Please help, why is this happening, and is it possible how to solve it?

[drcmda]

would need a very-reduced codesandbox for testing to track this down. concurrent mode is async so it's got to be related, it's trying to run something although the canvas isn't there anymore.

but generally, routes destroying the canvas is not the best idea. keep the routes inside a mounted canvas and exchange contents: https://twitter.com/0xca0a/status/1322897740435759107

[Lyadov]

@drcmda but what if there are pages where it is not needed canvas? - example game rules and others

[drcmda]

In that case you could be right. In V6 it's using blocking mode which is what you should be using. Concurrent mode is still experimental so it may even be a react bug but if you have a simple sandbox I can take a look

[Lyadov]

@drcmda look at this please https://codesandbox.io/s/4q4pe

you can see this error if you click on:

• Auth button (double click)
• often transition from Game to Rules

[drcmda]

awesome, thanks a lot, hang in there - i'll fix it.

[drcmda]

i just realize this is v5. i dont get any of these problems in v6 - i guess its fixed @joshuaellis

[Lyadov]

@drcmda Thank you very much for your help! Is it safe to switch to v6 now?

[drcmda]

it's been released as a major, it's stable.