The clippingplanes got incorrect results

I have the following code, refer to live demo, the configuration is similar

    const clipPlanes = [
        new Plane(new Vector3(1, 0, 0), 0),
        new Plane(new Vector3(0, -1, 0), 0),
        new Plane(new Vector3(0, 0, -1), 0),
    ];

    const geometry = new BoxGeometry(150, 150, 150);
    const material = new MeshBasicMaterial({
        color: 'yellow',
        side: DoubleSide,
        clippingPlanes: clipPlanes,
        clipIntersection: true,
    });
    const box = new Mesh(geometry, material);
    engine.add(box);

But the results were very strange,The result will change as my perspective changes.
clip

Can anyone help explain what’s causing this strange phenomenon? How to solve it? Thanks in advance

helper
add the plenHelper,you can see the plane will change with the change of view

Hi, can you share your code? Maybe with an online editor.

You might want to use the following template to demonstrate the issue with a live example: three.js dev template - module - JSFiddle - Code Playground