@react-three/drei 9.83.8 → 9.84.0

package/web/Html.js

@@ -7,7 +7,6 @@ import { useThree, useFrame } from '@react-three/fiber';
 const v1 = new Vector3();
 const v2 = new Vector3();
 const v3 = new Vector3();
-
 function defaultCalculatePosition(el, camera, size) {
   const objectPos = v1.setFromMatrixPosition(el.matrixWorld);
   objectPos.project(camera);
@@ -15,7 +14,6 @@ function defaultCalculatePosition(el, camera, size) {
   const heightHalf = size.height / 2;
   return [objectPos.x * widthHalf + widthHalf, -(objectPos.y * heightHalf) + heightHalf];
 }
-
 function isObjectBehindCamera(el, camera) {
   const objectPos = v1.setFromMatrixPosition(el.matrixWorld);
   const cameraPos = v2.setFromMatrixPosition(camera.matrixWorld);
@@ -23,23 +21,19 @@ function isObjectBehindCamera(el, camera) {
   const camDir = camera.getWorldDirection(v3);
   return deltaCamObj.angleTo(camDir) > Math.PI / 2;
 }
-
 function isObjectVisible(el, camera, raycaster, occlude) {
   const elPos = v1.setFromMatrixPosition(el.matrixWorld);
   const screenPos = elPos.clone();
   screenPos.project(camera);
   raycaster.setFromCamera(screenPos, camera);
   const intersects = raycaster.intersectObjects(occlude, true);
-
   if (intersects.length) {
     const intersectionDistance = intersects[0].distance;
     const pointDistance = elPos.distanceTo(raycaster.ray.origin);
     return pointDistance < intersectionDistance;
   }
-
   return true;
 }
-
 function objectScale(el, camera) {
   if (camera instanceof OrthographicCamera) {
     return camera.zoom;
@@ -54,7 +48,6 @@ function objectScale(el, camera) {
     return 1;
   }
 }
-
 function objectZIndex(el, camera, zIndexRange) {
   if (camera instanceof PerspectiveCamera || camera instanceof OrthographicCamera) {
     const objectPos = v1.setFromMatrixPosition(el.matrixWorld);
@@ -64,34 +57,25 @@ function objectZIndex(el, camera, zIndexRange) {
     const B = zIndexRange[1] - A * camera.far;
     return Math.round(A * dist + B);
   }
-
   return undefined;
 }
-
 const epsilon = value => Math.abs(value) < 1e-10 ? 0 : value;
-
 function getCSSMatrix(matrix, multipliers, prepend = '') {
   let matrix3d = 'matrix3d(';
-
   for (let i = 0; i !== 16; i++) {
     matrix3d += epsilon(multipliers[i] * matrix.elements[i]) + (i !== 15 ? ',' : ')');
   }
-
   return prepend + matrix3d;
 }
-
 const getCameraCSSMatrix = (multipliers => {
   return matrix => getCSSMatrix(matrix, multipliers);
 })([1, -1, 1, 1, 1, -1, 1, 1, 1, -1, 1, 1, 1, -1, 1, 1]);
-
 const getObjectCSSMatrix = (scaleMultipliers => {
   return (matrix, factor) => getCSSMatrix(matrix, scaleMultipliers(factor), 'translate(-50%,-50%)');
 })(f => [1 / f, 1 / f, 1 / f, 1, -1 / f, -1 / f, -1 / f, -1, 1 / f, 1 / f, 1 / f, 1, 1, 1, 1, 1]);
-
 function isRefObject(ref) {
   return ref && typeof ref === 'object' && 'current' in ref;
 }
-
 const Html = /*#__PURE__*/React.forwardRef(({
   children,
   eps = 0.001,
@@ -132,8 +116,8 @@ const Html = /*#__PURE__*/React.forwardRef(({
   const oldZoom = React.useRef(0);
   const oldPosition = React.useRef([0, 0]);
   const transformOuterRef = React.useRef(null);
-  const transformInnerRef = React.useRef(null); // Append to the connected element, which makes HTML work with views
-
+  const transformInnerRef = React.useRef(null);
+  // Append to the connected element, which makes HTML work with views
   const target = (portal == null ? void 0 : portal.current) || events.connected || gl.domElement.parentNode;
   const occlusionMeshRef = React.useRef(null);
   const isMeshSizeSet = React.useRef(false);
@@ -142,7 +126,6 @@ const Html = /*#__PURE__*/React.forwardRef(({
   }, [occlude]);
   React.useLayoutEffect(() => {
     const el = gl.domElement;
-
     if (occlude && occlude === 'blending') {
       el.style.zIndex = `${Math.floor(zIndexRange[0] / 2)}`;
       el.style.position = 'absolute';
@@ -157,18 +140,15 @@ const Html = /*#__PURE__*/React.forwardRef(({
     if (group.current) {
       const currentRoot = root.current = ReactDOM.createRoot(el);
       scene.updateMatrixWorld();
-
       if (transform) {
         el.style.cssText = `position:absolute;top:0;left:0;pointer-events:none;overflow:hidden;`;
       } else {
         const vec = calculatePosition(group.current, camera, size);
         el.style.cssText = `position:absolute;top:0;left:0;transform:translate3d(${vec[0]}px,${vec[1]}px,0);transform-origin:0 0;`;
       }
-
       if (target) {
         if (prepend) target.prepend(el);else target.appendChild(el);
       }
-
       return () => {
         if (target) target.removeChild(el);
         currentRoot.unmount();
@@ -209,11 +189,9 @@ const Html = /*#__PURE__*/React.forwardRef(({
   }), [pointerEvents]);
   React.useLayoutEffect(() => {
     isMeshSizeSet.current = false;
-
     if (transform) {
       var _root$current;
-
-      (_root$current = root.current) == null ? void 0 : _root$current.render( /*#__PURE__*/React.createElement("div", {
+      (_root$current = root.current) == null || _root$current.render( /*#__PURE__*/React.createElement("div", {
         ref: transformOuterRef,
         style: styles
       }, /*#__PURE__*/React.createElement("div", {
@@ -227,8 +205,7 @@ const Html = /*#__PURE__*/React.forwardRef(({
       }))));
     } else {
       var _root$current2;
-
-      (_root$current2 = root.current) == null ? void 0 : _root$current2.render( /*#__PURE__*/React.createElement("div", {
+      (_root$current2 = root.current) == null || _root$current2.render( /*#__PURE__*/React.createElement("div", {
         ref: ref,
         style: styles,
         className: className,
@@ -242,11 +219,9 @@ const Html = /*#__PURE__*/React.forwardRef(({
       camera.updateMatrixWorld();
       group.current.updateWorldMatrix(true, false);
       const vec = transform ? oldPosition.current : calculatePosition(group.current, camera, size);
-
       if (transform || Math.abs(oldZoom.current - camera.zoom) > eps || Math.abs(oldPosition.current[0] - vec[0]) > eps || Math.abs(oldPosition.current[1] - vec[1]) > eps) {
         const isBehindCamera = isObjectBehindCamera(group.current, camera);
         let raytraceTarget = false;
-
         if (isRayCastOcclusion) {
           if (Array.isArray(occlude)) {
             raytraceTarget = occlude.map(item => item.current);
@@ -254,25 +229,20 @@ const Html = /*#__PURE__*/React.forwardRef(({
             raytraceTarget = [scene];
           }
         }
-
         const previouslyVisible = visible.current;
-
         if (raytraceTarget) {
           const isvisible = isObjectVisible(group.current, camera, raycaster, raytraceTarget);
           visible.current = isvisible && !isBehindCamera;
         } else {
           visible.current = !isBehindCamera;
         }
-
         if (previouslyVisible !== visible.current) {
           if (onOcclude) onOcclude(!visible.current);else el.style.display = visible.current ? 'block' : 'none';
         }
-
         const halfRange = Math.floor(zIndexRange[0] / 2);
         const zRange = occlude ? isRayCastOcclusion //
         ? [zIndexRange[0], halfRange] : [halfRange - 1, 0] : zIndexRange;
         el.style.zIndex = `${objectZIndex(group.current, camera, zRange)}`;
-
         if (transform) {
           const [widthHalf, heightHalf] = [size.width / 2, size.height / 2];
           const fov = camera.projectionMatrix.elements[5] * heightHalf;
@@ -286,17 +256,14 @@ const Html = /*#__PURE__*/React.forwardRef(({
           const cameraMatrix = getCameraCSSMatrix(camera.matrixWorldInverse);
           const cameraTransform = isOrthographicCamera ? `scale(${fov})translate(${epsilon(-(right + left) / 2)}px,${epsilon((top + bottom) / 2)}px)` : `translateZ(${fov}px)`;
           let matrix = group.current.matrixWorld;
-
           if (sprite) {
             matrix = camera.matrixWorldInverse.clone().transpose().copyPosition(matrix).scale(group.current.scale);
             matrix.elements[3] = matrix.elements[7] = matrix.elements[11] = 0;
             matrix.elements[15] = 1;
           }
-
           el.style.width = size.width + 'px';
           el.style.height = size.height + 'px';
           el.style.perspective = isOrthographicCamera ? '' : `${fov}px`;
-
           if (transformOuterRef.current && transformInnerRef.current) {
             transformOuterRef.current.style.transform = `${cameraTransform}${cameraMatrix}translate(${widthHalf}px,${heightHalf}px)`;
             transformInnerRef.current.style.transform = getObjectCSSMatrix(matrix, 1 / ((distanceFactor || 10) / 400));
@@ -305,22 +272,18 @@ const Html = /*#__PURE__*/React.forwardRef(({
           const scale = distanceFactor === undefined ? 1 : objectScale(group.current, camera) * distanceFactor;
           el.style.transform = `translate3d(${vec[0]}px,${vec[1]}px,0) scale(${scale})`;
         }
-
         oldPosition.current = vec;
         oldZoom.current = camera.zoom;
       }
     }
-
     if (!isRayCastOcclusion && occlusionMeshRef.current && !isMeshSizeSet.current) {
       if (transform) {
         if (transformOuterRef.current) {
           const el = transformOuterRef.current.children[0];
-
           if (el != null && el.clientWidth && el != null && el.clientHeight) {
             const {
               isOrthographicCamera
             } = camera;
-
             if (isOrthographicCamera || geometry) {
               if (props.scale) {
                 if (!Array.isArray(props.scale)) {
@@ -337,13 +300,11 @@ const Html = /*#__PURE__*/React.forwardRef(({
               const h = el.clientHeight * ratio;
               occlusionMeshRef.current.scale.set(w, h, 1);
             }
-
             isMeshSizeSet.current = true;
           }
         }
       } else {
         const ele = el.children[0];
-
         if (ele != null && ele.clientWidth && ele != null && ele.clientHeight) {
           const ratio = 1 / viewport.factor;
           const w = ele.clientWidth * ratio;
@@ -351,15 +312,12 @@ const Html = /*#__PURE__*/React.forwardRef(({
           occlusionMeshRef.current.scale.set(w, h, 1);
           isMeshSizeSet.current = true;
         }
-
         occlusionMeshRef.current.lookAt(gl.camera.position);
       }
     }
   });
   const shaders = React.useMemo(() => ({
-    vertexShader: !transform ?
-    /* glsl */
-    `
+    vertexShader: !transform ? /* glsl */`
           /*
             This shader is from the THREE's SpriteMaterial.
             We need to turn the backing plane into a Sprite
@@ -393,9 +351,7 @@ const Html = /*#__PURE__*/React.forwardRef(({
             gl_Position = projectionMatrix * mvPosition;
           }
       ` : undefined,
-    fragmentShader:
-    /* glsl */
-    `
+    fragmentShader: /* glsl */`
         void main() {
           gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);
         }

package/web/KeyboardControls.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { StoreApi } from 'zustand';
-declare type State = object;
-declare type StateSelector<T extends State, U> = (state: T) => U;
-declare type EqualityChecker<T> = (state: T, newState: T) => boolean;
-declare type StateListener<T> = (state: T, previousState: T) => void;
-declare type StoreApiWithSubscribeWithSelector<T extends State> = Omit<StoreApi<T>, 'subscribe'> & {
+type State = object;
+type StateSelector<T extends State, U> = (state: T) => U;
+type EqualityChecker<T> = (state: T, newState: T) => boolean;
+type StateListener<T> = (state: T, previousState: T) => void;
+type StoreApiWithSubscribeWithSelector<T extends State> = Omit<StoreApi<T>, 'subscribe'> & {
     subscribe: {
         (listener: StateListener<T>): () => void;
         <StateSlice>(selector: StateSelector<T, StateSlice>, listener: StateListener<StateSlice>, options?: {
@@ -13,22 +13,22 @@ declare type StoreApiWithSubscribeWithSelector<T extends State> = Omit<StoreApi<
         }): () => void;
     };
 };
-declare type KeyboardControlsState<T extends string = string> = {
+type KeyboardControlsState<T extends string = string> = {
     [K in T]: boolean;
 };
-export declare type KeyboardControlsEntry<T extends string = string> = {
+export type KeyboardControlsEntry<T extends string = string> = {
     name: T;
     keys: string[];
     up?: boolean;
 };
-declare type KeyboardControlsProps = {
+type KeyboardControlsProps = {
     map: KeyboardControlsEntry[];
     children: React.ReactNode;
     onChange?: (name: string, pressed: boolean, state: KeyboardControlsState) => void;
     domElement?: HTMLElement;
 };
-export declare function KeyboardControls({ map, children, onChange, domElement }: KeyboardControlsProps): JSX.Element;
-declare type Selector<T extends string = string> = (state: KeyboardControlsState<T>) => boolean;
+export declare function KeyboardControls({ map, children, onChange, domElement }: KeyboardControlsProps): React.JSX.Element;
+type Selector<T extends string = string> = (state: KeyboardControlsState<T>) => boolean;
 export declare function useKeyboardControls<T extends string = string>(): [
     StoreApiWithSubscribeWithSelector<KeyboardControlsState<T>>['subscribe'],
     StoreApiWithSubscribeWithSelector<KeyboardControlsState<T>>['getState']

package/web/KeyboardControls.js

@@ -2,6 +2,11 @@ import * as React from 'react';
 import create from 'zustand';
 import { subscribeWithSelector } from 'zustand/middleware';
 
+// These are removed in Zustand v4
+// unknown
+
+// Zustand v3 marked deprecations in 3.x, but there's no visible upgrade path
+
 const context = /*@__PURE__*/React.createContext(null);
 function KeyboardControls({
   map,
@@ -11,7 +16,8 @@ function KeyboardControls({
 }) {
   const key = map.map(item => item.name + item.keys).join('-');
   const useControls = React.useMemo(() => {
-    return create(subscribeWithSelector(() => map.reduce((prev, cur) => ({ ...prev,
+    return create(subscribeWithSelector(() => map.reduce((prev, cur) => ({
+      ...prev,
       [cur.name]: false
     }), {})));
   }, [key]);
@@ -29,8 +35,8 @@ function KeyboardControls({
         // Set zustand state
         set({
           [name]: value
-        }); // Inform callback
-
+        });
+        // Inform callback
         if (onChange) onChange(name, value, api[1]());
       }
     }));
@@ -46,7 +52,6 @@ function KeyboardControls({
       });
       return out;
     }, {});
-
     const downHandler = ({
       key,
       code
@@ -61,7 +66,6 @@ function KeyboardControls({
       obj.pressed = true;
       if (up || !pressed) fn(true);
     };
-
     const upHandler = ({
       key,
       code
@@ -75,7 +79,6 @@ function KeyboardControls({
       obj.pressed = false;
       if (up) fn(false);
     };
-
     const source = domElement || window;
     source.addEventListener('keydown', downHandler, {
       passive: true

package/web/Loader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 interface LoaderOptions {
     containerStyles: any;
     innerStyles: any;
@@ -7,5 +7,5 @@ interface LoaderOptions {
     dataInterpolation: (p: number) => string;
     initialState: (active: boolean) => boolean;
 }
-export declare function Loader({ containerStyles, innerStyles, barStyles, dataStyles, dataInterpolation, initialState, }: Partial<LoaderOptions>): JSX.Element | null;
+export declare function Loader({ containerStyles, innerStyles, barStyles, dataStyles, dataInterpolation, initialState, }: Partial<LoaderOptions>): React.JSX.Element | null;
 export {};

package/web/Loader.js

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { useProgress } from '../core/useProgress.js';
 
 const defaultDataInterpolation = p => `Loading ${p.toFixed(2)}%`;
-
 function Loader({
   containerStyles,
   innerStyles,
@@ -36,22 +35,26 @@ function Loader({
     return () => cancelAnimationFrame(rafRef.current);
   }, [updateProgress]);
   return shown ? /*#__PURE__*/React.createElement("div", {
-    style: { ...styles.container,
+    style: {
+      ...styles.container,
       opacity: active ? 1 : 0,
       ...containerStyles
     }
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: { ...styles.inner,
+    style: {
+      ...styles.inner,
       ...innerStyles
     }
   }, /*#__PURE__*/React.createElement("div", {
-    style: { ...styles.bar,
+    style: {
+      ...styles.bar,
       transform: `scaleX(${progress / 100})`,
       ...barStyles
     }
   }), /*#__PURE__*/React.createElement("span", {
     ref: progressSpanRef,
-    style: { ...styles.data,
+    style: {
+      ...styles.data,
       ...dataStyles
     }
   })))) : null;

package/web/PresentationControls.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SpringConfig } from '@react-spring/three';
-export declare type PresentationControlProps = {
+export type PresentationControlProps = {
     snap?: Boolean | SpringConfig;
     global?: boolean;
     cursor?: boolean;
@@ -14,4 +14,4 @@ export declare type PresentationControlProps = {
     children?: React.ReactNode;
     domElement?: HTMLElement;
 };
-export declare function PresentationControls({ enabled, snap, global, domElement, cursor, children, speed, rotation, zoom, polar, azimuth, config, }: PresentationControlProps): JSX.Element;
+export declare function PresentationControls({ enabled, snap, global, domElement, cursor, children, speed, rotation, zoom, polar, azimuth, config, }: PresentationControlProps): React.JSX.Element;

package/web/PresentationControls.js

@@ -71,7 +71,8 @@ function PresentationControls({
       api.start({
         scale: down && y > rPolar[1] / 2 ? zoom : 1,
         rotation: snap && !down ? rInitial : [y, x, 0],
-        config: n => n === 'scale' ? { ...sConfig,
+        config: n => n === 'scale' ? {
+          ...sConfig,
           friction: sConfig.friction * 3
         } : sConfig
       });

package/web/ScrollControls.d.ts

@@ -1,7 +1,7 @@
 import * as THREE from 'three';
 import * as React from 'react';
 import { ForwardRefComponent } from '../helpers/ts-utils';
-export declare type ScrollControlsProps = {
+export type ScrollControlsProps = {
     eps?: number;
     horizontal?: boolean;
     infinite?: boolean;
@@ -13,7 +13,7 @@ export declare type ScrollControlsProps = {
     style?: React.CSSProperties;
     children: React.ReactNode;
 };
-export declare type ScrollControlsState = {
+export type ScrollControlsState = {
     el: HTMLDivElement;
     eps: number;
     fill: HTMLDivElement;
@@ -28,8 +28,8 @@ export declare type ScrollControlsState = {
     visible(from: number, distance: number, margin?: number): boolean;
 };
 export declare function useScroll(): ScrollControlsState;
-export declare function ScrollControls({ eps, enabled, infinite, horizontal, pages, distance, damping, maxSpeed, style, children, }: ScrollControlsProps): JSX.Element;
-declare type ScrollProps = {
+export declare function ScrollControls({ eps, enabled, infinite, horizontal, pages, distance, damping, maxSpeed, style, children, }: ScrollControlsProps): React.JSX.Element;
+type ScrollProps = {
     html?: boolean;
     children?: React.ReactNode;
 };

package/web/ScrollControls.js

@@ -46,26 +46,22 @@ function ScrollControls({
       delta: 0,
       scroll,
       pages,
-
       // 0-1 for a range between from -> from + distance
       range(from, distance, margin = 0) {
         const start = from - margin;
         const end = start + distance + margin * 2;
         return this.offset < start ? 0 : this.offset > end ? 1 : (this.offset - start) / (end - start);
       },
-
       // 0-1-0 for a range between from -> from + distance
       curve(from, distance, margin = 0) {
         return Math.sin(this.range(from, distance, margin) * Math.PI);
       },
-
       // true/false for a range between from -> from + distance
       visible(from, distance, margin = 0) {
         const start = from - margin;
         const end = start + distance + margin * 2;
         return this.offset >= start && this.offset <= end;
       }
-
     };
     return state;
   }, [eps, damping, horizontal, pages]);
@@ -77,11 +73,9 @@ function ScrollControls({
     el.style[horizontal ? 'overflowY' : 'overflowX'] = 'hidden';
     el.style.top = '0px';
     el.style.left = '0px';
-
     for (const key in style) {
       el.style[key] = style[key];
     }
-
     fixed.style.position = 'sticky';
     fixed.style.top = '0px';
     fixed.style.left = '0px';
@@ -93,8 +87,9 @@ function ScrollControls({
     fill.style.width = horizontal ? `${pages * distance * 100}%` : '100%';
     fill.style.pointerEvents = 'none';
     el.appendChild(fill);
-    target.appendChild(el); // Init scroll one pixel in to allow upward/leftward scroll
+    target.appendChild(el);
 
+    // Init scroll one pixel in to allow upward/leftward scroll
     el[horizontal ? 'scrollLeft' : 'scrollTop'] = 1;
     const oldTarget = events.connected || gl.domElement;
     requestAnimationFrame(() => events.connect == null ? void 0 : events.connect(el));
@@ -111,14 +106,13 @@ function ScrollControls({
         state.pointer.set(offsetX / state.size.width * 2 - 1, -(offsetY / state.size.height) * 2 + 1);
         state.raycaster.setFromCamera(state.pointer, state.camera);
       }
-
     });
     return () => {
       target.removeChild(el);
       setEvents({
         compute: oldCompute
       });
-      events.connect == null ? void 0 : events.connect(oldTarget);
+      events.connect == null || events.connect(oldTarget);
     };
   }, [pages, distance, horizontal, el, fill, fixed, target]);
   React.useEffect(() => {
@@ -129,14 +123,12 @@ function ScrollControls({
       let current = 0;
       let disableScroll = true;
       let firstRun = true;
-
       const onScroll = () => {
         // Prevent first scroll because it is indirectly caused by the one pixel offset
         if (!enabled || firstRun) return;
         invalidate();
         current = el[horizontal ? 'scrollLeft' : 'scrollTop'];
         scroll.current = current / scrollThreshold;
-
         if (infinite) {
           if (!disableScroll) {
             if (current >= scrollThreshold) {
@@ -151,18 +143,14 @@ function ScrollControls({
               disableScroll = true;
             }
           }
-
           if (disableScroll) setTimeout(() => disableScroll = false, 40);
         }
       };
-
       el.addEventListener('scroll', onScroll, {
         passive: true
       });
       requestAnimationFrame(() => firstRun = false);
-
       const onWheel = e => el.scrollLeft += e.deltaY / 2;
-
       if (horizontal) el.addEventListener('wheel', onWheel, {
         passive: true
       });
@@ -220,7 +208,8 @@ const ScrollHtml = /*#__PURE__*/React.forwardRef(({
   });
   root.render( /*#__PURE__*/React.createElement("div", _extends({
     ref: mergeRefs([ref, group]),
-    style: { ...style,
+    style: {
+      ...style,
       position: 'absolute',
       top: 0,
       left: 0,

package/web/Select.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 import * as THREE from 'three';
-declare type Props = JSX.IntrinsicElements['group'] & {
+type Props = JSX.IntrinsicElements['group'] & {
     multiple?: boolean;
     box?: boolean;
     border?: string;
@@ -9,6 +9,6 @@ declare type Props = JSX.IntrinsicElements['group'] & {
     onChangePointerUp?: (selected: THREE.Object3D[]) => void;
     filter?: (selected: THREE.Object3D[]) => THREE.Object3D[];
 };
-export declare function Select({ box, multiple, children, onChange, onChangePointerUp, border, backgroundColor, filter: customFilter, ...props }: Props): JSX.Element;
+export declare function Select({ box, multiple, children, onChange, onChangePointerUp, border, backgroundColor, filter: customFilter, ...props }: Props): React.JSX.Element;
 export declare function useSelect(): THREE.Object3D[];
 export {};