mounting react-postprocessing.EffectComposer causes unknown error

[sungryeol-bigpi]

some weeks ago when I tried out react-postprocessing did not cause any problem but somehow it shows the error from the screenshot now. Just mounting <EffectComposer /> component itself causes problem. It doesn't matter if I included any children effects or not. Without <EffectComposer />, the code runs perfectly. What is causing this problem??

codesandbox link

TypeError: Cannot read property 'SCREEN' of undefined
    at $csb$eval (index.js:225)
    at V (eval.js:31)
    at ee.evaluate (transpiled-module.js:701)
    at xe.evaluateTranspiledModule (manager.js:302)
    at c (transpiled-module.js:685)
    at $csb$eval (App.tsx? [sm]:3)
    at V (eval.js:31)
    at ee.evaluate (transpiled-module.js:701)
    at manager.js:267
    at Array.forEach (<anonymous>)
    at xe.evaluateModule (manager.js:267)
    at compile.ts:724
    at c (runtime.js:45)
    at Generator._invoke (runtime.js:274)
    at Generator.forEach.t.<computed> [as next] (runtime.js:97)
    at r (asyncToGenerator.js:3)
    at u (asyncToGenerator.js:25)

return <Canvas>
  <EffectComposer>
    {/* other effects */}
  </EffectComposer>
  {/* ... other 3d components */}
</Canvas>

lib versions:

@react-three/drei 7.2.2
@react-three/fiber 7.0.6
@react-three/postprocessing 2.0.5
postprocessing 6.22.2
three 0.130.1