How to make 3D models draggable in React Three Rapier?

[Fennec]

I’m not fluent in React, but if the physics component only works with meshes, as a workaround, try loading the model with useGLTF, extracting the child mesh and wrapping it with the physics tag.

Here is an interesting discussion about useGLTF, you might need to convert your model to gltfjsx:

R3F: Primitives without 'object' are invalid!

I get the following error message when reloading the page with the canvas on it. " R3F: Primitives without ‘object’ are invalid!" function DroneModel() { const file_loaded = useGLTF('/model.gltf'); const model = file_loaded.scene.children[0] return ( <primitive object={model} dispose={null} /> ); } To me it seems that the loader does not load the full model on the second render. At the first render file_loaded.scene.children[0] chain is loaded…