Fallbacks cause buffered geometry dispose issue.

[srcnalt]

I came up with an issue that if I create fallback of 3D objects using nodes instead of __$ I have the error below when I recreate the canvas. Somehow fallback is not disposed. Not using fallback or creating a fallback using __$ works.

Everything works fine and fallbacks work fine the first time, but if I unload and load the component that holds the Canvas it breaks upon loading glb models.

Here is an example of how my component is:

// Component
export default function MyComponenet(props: any) {
  let glb: any = useLoader(props.glbLoader, props.url)

  const fallback = <mesh>
    <bufferGeometry attach="geometry" {...gltf.nodes.MyMesh.geometry} />
    <meshStandardMaterial attach="material" {...gltf.nodes.MyMesh.materials} />
  </mesh>

  useEffect(() => {
    props.onComponentLoaded(fallback)
  }, [fallback])

  return <group>
    <primitive object={gltf.scene} />
  </group>
}

// Upper level where the component is called
...
<Canvas>
    <Suspense fallback={fallback}>
      <MyComponenet
        glbLoader={glbLoader}
        url="some_url"
        onComponentLoaded={(fallback: any) => {
          setFallback(fallback)
        }}
      />
    </Suspense>
</Canvas>
...

[drcmda]

have you tried in 5.x? and better do not spread the geometry. simply do

<mesh geometry={nodes.foo.geometry} material={materials.bar} />