When a transparent object wraps a blooming object, it will not produce a blooming effect

As shown in the above picture, when a transparent object wraps the blooming object, the blooming will not take effect.
I try to set the transparency of the black basic material given to the non blooming object during Blooming rendering to 0, so that even if the blooming object is wrapped, the blooming will take effect. However, I am not sure whether this method is reasonable or whether there is a more reasonable approach.

const darkMaterial = new THREE.MeshBasicMaterial({ color: "black", transparent: true, opacity: 0 })