update: fix packages

components/SceneViewer.tsx

@@ -0,0 +1,23 @@
+'use client'
+
+import { Suspense } from 'react'
+import { Canvas } from '@react-three/fiber'
+import { Stage, OrbitControls, useGLTF } from '@react-three/drei'
+
+function Model({ url }: { url: string }) {
+  const { scene } = useGLTF(url)
+  return <primitive object={scene} />
+}
+
+export default function SceneViewer({ url }: { url: string }) {
+  return (
+    <Canvas dpr={[1, 2]} camera={{ fov: 50 }}>
+      <Suspense fallback={null}>
+        <Stage environment="city" intensity={0.6} adjustCamera={1.2}>
+          <Model url={url} />
+        </Stage>
+      </Suspense>
+      <OrbitControls makeDefault autoRotate autoRotateSpeed={0.5} />
+    </Canvas>
+  )
+}