[.WebGL-0x1ccc22f46200] GL_INVALID_OPERATION: Vertex shader input type does not match the type of the bound vertex attribute.

[SergeiK-27]

If instances are added during or after mounting of gltf model in the scene, I receive this error, and instances aren't added

I'm using react-three-fiber with the following code

import React, { useRef } from 'react';
import {extend, useFrame, useLoader} from '@react-three/fiber';
import { InstancedMesh2 } from '@three.ez/instanced-mesh';
import {GLTFLoader} from "three-stdlib";
import {BoxGeometry, MeshStandardMaterial} from "three";

// add InstancedMesh2 to the jsx catalog i.e use it as a jsx component
extend({ InstancedMesh2 });

export const Scene3D = () => {
  const material = new MeshStandardMaterial();
  const geometry = new BoxGeometry(1,1,1);
  
  const ref = useRef();

  useFrame(() => {
    // early return
    if (!ref.current || ref.current.instancesCount >= 100000) return;

    // add 100 instances every frame
    ref.current.addInstances(100, (obj) => {
      obj.position
        .setX(Math.random() * 10000 - 5000)
        .setY(Math.random() * 10000 - 5000)
        .setZ(Math.random() * 10000 - 5000);
      obj.quaternion.random();
    });
  });

  const gltf = useLoader(GLTFLoader, `/models/landscape.glb`);

  return (
    <>
      <instancedMesh2 ref={ref} args={[geometry, material]} />

      <primitive object={gltf.scene}/> // If removed, everything works correctly
      
    </>
  );
};

Any help would be appreciated

[agargaro]

Hi, are you using latest package version (0.3.0-alpha.8)?

[SergeiK-27]

Hi, I was using alpha 7. Just updated, but the issue is still present on alpha 8

[agargaro]

Can you please provide a minimal example on stacbklitz or codesandbox so I can debug it?

[agargaro]

I'm not familiar with r3f, but in this example with a different glb, it's working.
https://stackblitz.com/edit/vitejs-vite-ran5phmv?file=src%2FApp.tsx,src%2FInstancedMesh2.tsx

Can you try this example with your glb? Can you share it if it doesnt wokr?

[SergeiK-27]

I created a fork of this example, do you have a discord profile so I can send you a link to it? I'm not allowed to share this glb publically

[agargaro]

Yes, we have a discord sever:

https://discord.gg/MVTwrdX3JM

[agargaro]

Fixed passing renderer as constructor parameter.

const iMesh = new InstancedMesh2(geo, material, { renderer });

The problem occurs when using a MeshPhysicalMaterial, setting transmission.