Tried to use WebGPU but got Error: NodeMaterial: Material "MeshStandardMaterial" is not compatible

[nixonandhika]

Hello 👋 ,
I'm quite new to three and react-three-fiber and I'm trying to use WebGPU to render a GLTF Model that's loaded as a JSX Component. The model is rendered as expected when using WebGL as the renderer. However, when I switch to WebGPU I got the Material is not compatible error.

The way I use the WebGPU is through the gl prop like below

const [frameloop, setFrameLoop] = useState('never');

  const gl = !WebGPU.isAvailable()
    ? undefined
    : canvas => {
        const renderer = new WebGPURenderer({
          powerPreference: 'high-performance',
          canvas: canvas,
          antialias: true,
          alpha: true,
        });
        renderer.init().then(() => setFrameLoop('always'));

        return renderer;
      };

  return (
    <Canvas shadows frameloop={frameloop} gl={gl}>
      <Cameras />
      <Lights />

      <Model />
    </Canvas>
  );

and the Model is a JSX Component that I got from converting it from .gltf file using gltfjsx.

Looking through three.js code, it seems that the expected material is only NodeMaterial but the material from the model I used is MeshStandardMaterial. Is there an option to generate WGSL when loading the model or is it just currently not supported?

Any help is greatly appreciated. Thanks! 🙏