webgpu can't use multiple materials in a cube

[Justnormalguy]

Description

I try the examples in https://threejs.org/manual/#en/textures,but when I replace three.moudle.js to three.webgpu,js ,it doesn't woke. It looks like just like this：

when I use three.moudle.js it looks correct. :-)
_

Reproduction steps

1.copy the code from https://threejs.org/manual/#en/textures
2.replace three form three.moudle.js to three.webgpu,js
3.replace the image

Code

const scene = new THREE.Scene();

const boxWidth = 1;
const boxHeight = 1;
const boxDepth = 1;
const geometry = new THREE.BoxGeometry(boxWidth, boxHeight, boxDepth);

const cubes = []; // just an array we can use to rotate the cubes
const loader = new THREE.TextureLoader();

const materials = [
new THREE.MeshBasicMaterial({ map: loadColorTexture('xxx.jpg') }),
new THREE.MeshBasicMaterial({ map: loadColorTexture('xxx.jpg') }),
new THREE.MeshBasicMaterial({ map: loadColorTexture('xxx.jpg') }),
new THREE.MeshBasicMaterial({ map: loadColorTexture('xxx.jpg') }),
new THREE.MeshBasicMaterial({ map: loadColorTexture('xxx.jpg') }),
new THREE.MeshBasicMaterial({ map: loadColorTexture('xxx.jpg') }),
];
const cube = new THREE.Mesh(geometry, materials);
scene.add(cube);

Live example

Screenshots

No response

Version

r168

Device

No response

Browser

No response

OS

No response

[Mugen87]

This should be fixed via #29278. Do you mind giving the current dev version a try?

[Justnormalguy]

Certainly, I'd be happy to have a try.