How to use useConvexPolyhedron on a gltfjsx Model.js?

[Kaushal-Panchal]

Hey , I am a newbie and kind of stuck how to use use-cannon hook on a blender model generated into gltf jsx file ...

Below is the Model file generated using react-gltfjsx ...
Error I am getting is = index-cd273dfe.js:1 Uncaught TypeError: Cannot read property '0' of undefined

import { useGLTF } from '@react-three/drei/useGLTF'
import { useConvexPolyhedron, useSphere } from '@react-three/cannon'

export default function Model(props) {
  const group = useConvexPolyhedron(()=>({mass:1,type:'Dynamic',position:[0,3,0]}))
  const { nodes, materials } = useGLTF('/model.gltf')
  return (
    <group ref={group}  {...props} dispose={null}>
      <group  scale={[0.7, 0.49, 0.7]}>
        <mesh material={materials['Material.001']} geometry={nodes.Circle001.geometry} />
        <mesh material={materials['Material.002']} geometry={nodes.Circle001_1.geometry} />
        <mesh material={materials['Material.005']} geometry={nodes.Circle001_2.geometry} />
      </group>
    </group>
  )
}

useGLTF.preload('/model.gltf')

[bain2236]

there's a good example here https://codesandbox.io/s/08s1u?file=/src/App.js:911-922
Also just at a quick glance I think you should be getting your nodes/materials before useConvex and then pass those nodes to that to be able to create the bounding box to apply physics against