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 };
+};