Using Clone component with a gltf that uses instancedMesh

[alexkahndev]

Hello, I am converting a game I have from regular threeJS to React Three Fiber with this amazing drei library. The issue I'm running into is that I am trying to use the Clone component so I can have a shallow copy of my model. By setting the object to 'scene' from the useGLTF hook I'm able to display everything except parts that are instancedMesh. I found this model online and ideally my Clone or similar solution should be able to support models that are created using instancedMeshes. Since instancedMesh does not have a .clone() method what are my options for having a Cloned or instanced version of my model for performance reasons or am I forced to just make 5 hard copies.

import { useRef,useEffect } from 'react';
import { useGLTF, Clone } from '@react-three/drei';

export const RoadModel = (props) => {
	const { nodes, materials } = useGLTF('/gltf/road-transformed.glb');
	const group = useRef();

	useEffect(() => {
		group.current.traverse((child) => {
			if (child.material) {
				child.material.transparent = true;
				child.material.opacity = 0;
			}
		});
	}, []);

	return (
		<group ref={group} {...props} dispose={null} scale={0.5}>
			<group
				position={[-5.821, 2.773, 16.705]}
				rotation={[Math.PI, -1.095, -0.977]}
				scale={40.078}
			>
				<mesh
					geometry={nodes.Cube010_1.geometry}
					material={materials.PaletteMaterial001}
				/>
				<mesh
					geometry={nodes.Cube010_2.geometry}
					material={materials.PaletteMaterial002}
				/>
			</group>
			<mesh
				geometry={nodes.Cube.geometry}
				material={materials.PaletteMaterial003}
				rotation={[-Math.PI / 2, 0, 0]}
				scale={[421.094, 2326.275, 100]}
			/>
			<instancedMesh
				args={[
					nodes.Cylinder.geometry,
					materials.PaletteMaterial002,
					12
				]}
				instanceMatrix={nodes.Cylinder.instanceMatrix}
			/>
		</group>
	);
};

export const RoadClones = () => {
	const numRoads = 5;

	const {scene} = useGLTF('/gltf/road-transformed.glb');

	return (
		<group>
			<Clone 
				object={scene}
			/>
		</group>	
	)
};

useGLTF.preload('/road-transformed.glb');