fix: initial useState value as function initializer

pmndrs · May 10, 2023 · 7531949 · 7531949
1 parent 9e85de5
commit 7531949
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/core/Facemesh.tsx b/src/core/Facemesh.tsx
@@ -48,21 +48,21 @@ export const Facemesh = React.forwardRef<FacemeshApi, FacemeshProps>(
     const outerRef = React.useRef<THREE.Group>(null)
     const meshRef = React.useRef<THREE.Mesh>(null)
 
-    const [sightDir] = React.useState(new THREE.Vector3())
-    const [sightDirQuaternion] = React.useState(new THREE.Quaternion())
+    const [sightDir] = React.useState(() => new THREE.Vector3())
+    const [sightDirQuaternion] = React.useState(() => new THREE.Quaternion())
 
     const { invalidate } = useThree()
 
     React.useEffect(() => {
       meshRef.current?.geometry.setIndex(FacemeshDatas.TRIANGULATION)
     }, [])
 
-    const [a] = React.useState(new THREE.Vector3())
-    const [b] = React.useState(new THREE.Vector3())
-    const [c] = React.useState(new THREE.Vector3())
-    const [ab] = React.useState(new THREE.Vector3())
-    const [ac] = React.useState(new THREE.Vector3())
-    const [bboxSize] = React.useState(new THREE.Vector3())
+    const [a] = React.useState(() => new THREE.Vector3())
+    const [b] = React.useState(() => new THREE.Vector3())
+    const [c] = React.useState(() => new THREE.Vector3())
+    const [ab] = React.useState(() => new THREE.Vector3())
+    const [ac] = React.useState(() => new THREE.Vector3())
+    const [bboxSize] = React.useState(() => new THREE.Vector3())
     React.useEffect(() => {
       const geometry = meshRef.current?.geometry
       if (!geometry) return