effectComposer transparency

[mbodge]

First off, this is the best library ever created. Thank you to all of the contributors for making three fit so easily into my React workflow.

....Secondly, I've run into an issue with the EffectComposer destroying the transparency of the scene. I know this is not a R3F issue but I was hoping someone had some guidance here. Any help would be amazing.

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.5, 0.5, 0]} />
    </effectComposer>
  )
}

[drcmda]

that's a problem with unrealbloom, there are multiple issues about it on threejs github. afaik there is no solution other than forking it. i've tried and the solutions i've seen in these issues were still shaky. i would suggest not using effectcomposer at all but postprocessing: https://codesandbox.io/s/ball-pit-1-mvkqs?file=/src/Post.js