Add collision to imported blender gltf object?

[gexagonr]

Hello, I am new to this library and generally with three.js. How would I add collision to a object/mesh that was created and imported from blender (gltf)? For example, lets say I build a castle object in blender, and I want to walk around that castle (ramps, stairs and all) via FPS point of view an controls. How would I go about doing that.

I started playing around with adding collision to objects imported from blender, but it doesn't seem to work.. my player can still go through the mesh. I add collision to my player, and I know it works because I tested the player collision on the native boxes (with useBox) not imported from blender.

import Boxy from './assets/cubeTest.gltf';
export function BoxTest(props) {
  const {scene, nodes, materials } = useGLTF(Boxy);
  
  
    const [ref] = useBox(() => ({ mass:10, type: "Static",...props }))
    return (
      <group ref={ref}{...props} >
  
         <primitive object={scene} position={[2,2,2]}/>
         <mesh>
          <boxBufferGeometry args={[10, 10]}/>
          <meshBasicMaterial wireframe />
        </mesh>
       </group>
    );
}

^^ I can still go through the imported box. Any help would be appreciated. Thanks