fix: gltf types

README.md

@@ -1298,11 +1298,7 @@ Accepts an SVG url or svg raw data.
 
 #### Gltf
 
-<p>
-  <a href="https://codesandbox.io/s/if9crg"><img width="20%" src="https://codesandbox.io/api/v1/sandboxes/if9crg/screenshot.png" alt="Demo"/></a>
-</p>
-
-This is a convenience component that will load a gltf file and clone the scene using drei/Clone. That means you can re-use and mount the same gltf file multiple times. It accepts all props that Clone does.
+This is a convenience component that will load a gltf file and clone the scene using [drei/Clone](#clone). That means you can re-use and mount the same gltf file multiple times. It accepts all props that Clone does, including shortcuts (castShadow, receiveShadow) and material overrides.
 
 ```js
 <Gltf src="/model.glb" receiveShadow castShadow />

src/core/Gltf.tsx

@@ -1,13 +1,14 @@
 import * as React from 'react'
+import * as THREE from 'three'
 import { useGLTF } from './useGLTF'
 import { Clone, CloneProps } from './Clone'
 
-type GltfProps = JSX.IntrinsicElements['primitive'] &
-  CloneProps & {
+type GltfProps = Omit<JSX.IntrinsicElements['group'], 'children'> &
+  Omit<CloneProps, 'object'> & {
     src: string
   }
 
-export const Gltf = React.forwardRef<THREE.Group, GltfProps>(({ src, ...props }, ref) => {
+export const Gltf = React.forwardRef(({ src, ...props }: GltfProps, ref: React.Ref<THREE.Object3D>) => {
   const { scene } = useGLTF(src)
-  return <Clone ref={ref} {...props} object={scene} />
+  return <Clone ref={ref as any} {...props} object={scene} />
 })