Clipping stencil multiply geometry whith different params

who can help me !!!

I want create a clipping plane witch clipping 2 geometry with stencil fill hole different color,

in below example, I create 2 clipping stencil with different color , but the second one is not use, and the 2 stencil plane operation not simple add ,

three.js dev template - module - JSFiddle - Code Playground

what I want like this 2 geometry , one or 2 clipping plane , clipping fill with different color , the same area 's blending is not important , I want different

i create them , one is black , another white , but result is both black .

			for (let i = 0; i < geometries.length; i++) {

				createStencilGroup(geometries[i], planes[i], i + 1, i * 0xffffff)

			}

like this

three.js dev template - module - JSFiddle - Code Playground