bump(deps): update dependency @react-three/drei to ^9.56.25 (#296)

* In-house typing * Prettier * Bump
DeFiCh · Feb 23, 2023 · aea7fdc · aea7fdc
1 parent 6518d86
commit aea7fdc
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 25 deletions.
diff --git a/package.json b/package.json
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@babel/types": "^7.21.0",
-    "@react-three/drei": "^9.53.3",
+    "@react-three/drei": "^9.56.25",
     "@react-three/fiber": "^8.11.2",
     "@reduxjs/toolkit": "^1.9.3",
     "@tailwindcss/line-clamp": "^0.4.2",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/home/Jellyfish.tsx b/src/components/home/Jellyfish.tsx
@@ -3,6 +3,7 @@ import { useGLTF } from "@react-three/drei";
 import { BufferGeometry, Mesh } from "three";
 import { Canvas, Euler, useFrame, Vector3 } from "@react-three/fiber";
 import useWebGlEnabled from "hooks/useWebGlEnabled";
+import { GLTFResult } from "types/gltf";
 
 export default function Jellyfish({
   position,
@@ -39,7 +40,7 @@ export default function Jellyfish({
 }
 
 export function Model(props) {
-  const { nodes, materials } = useGLTF("/models/jellyfish.gltf");
+  const { nodes, materials } = useGLTF("/models/jellyfish.gltf") as GLTFResult;
   return (
     <group {...props} dispose={null}>
       <group rotation={[-Math.PI / 2, 0, 0]}>

diff --git a/src/components/home/UnderwaterDrone.tsx b/src/components/home/UnderwaterDrone.tsx
@@ -3,6 +3,7 @@ import { useGLTF } from "@react-three/drei";
 import { BufferGeometry, Mesh } from "three";
 import { Canvas, Euler, useFrame, Vector3 } from "@react-three/fiber";
 import useWebGlEnabled from "hooks/useWebGlEnabled";
+import { GLTFResult } from "types/gltf";
 
 export default function UnderwaterDrone({
   position,
@@ -39,7 +40,9 @@ export default function UnderwaterDrone({
 
 export function Model(props) {
   const group = useRef();
-  const { nodes, materials } = useGLTF("/models/UnderwaterDrone.gltf");
+  const { nodes, materials } = useGLTF(
+    "/models/UnderwaterDrone.gltf"
+  ) as GLTFResult;
   return (
     <group ref={group} {...props} dispose={null}>
       <group name="Sketchfab_Scene">

diff --git a/src/types/gltf.ts b/src/types/gltf.ts
@@ -0,0 +1,7 @@
+import { Material, Object3D } from "three";
+import { GLTF } from "three/examples/jsm/loaders/GLTFLoader";
+
+export type GLTFResult = GLTF & {
+  nodes: { [name: string]: Object3D<Event> };
+  materials: { [name: string]: Material };
+};