@react-three/fiber 8.15.11 → 8.15.12

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @react-three/fiber
 
+## 8.15.12
+
+### Patch Changes
+
+- 496d6f0d: fix: useLoader and XRFrame type fixes
+
 ## 8.15.11
 
 ### Patch Changes

package/dist/declarations/src/core/events.d.ts

@@ -86,7 +86,7 @@ export interface PointerCaptureTarget {
     intersection: Intersection;
     target: Element;
 }
-export declare function getEventPriority(): 1 | 4 | 16;
+export declare function getEventPriority(): 1 | 16 | 4;
 export declare function removeInteractivity(store: UseBoundStore<RootState>, object: THREE.Object3D): void;
 export declare function createEvents(store: UseBoundStore<RootState>): {
     handlePointer: (name: string) => (event: DomEvent) => void;

package/dist/declarations/src/core/hooks.d.ts

@@ -1,7 +1,6 @@
 import * as THREE from 'three';
 import * as React from 'react';
 import { StateSelector, EqualityChecker } from 'zustand';
-import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { RootState, RenderCallback } from './store';
 import { ObjectMap } from './utils';
 import { LocalState } from './renderer';
@@ -41,14 +40,18 @@ export declare function useFrame(callback: RenderCallback, renderPriority?: numb
  * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usegraph
  */
 export declare function useGraph(object: THREE.Object3D): ObjectMap;
+declare type GLTFLike = {
+    scene: THREE.Object3D;
+};
 /**
  * Synchronously loads and caches assets with a three loader.
  *
  * Note: this hook's caller must be wrapped with `React.Suspense`
  * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useloader
  */
-export declare function useLoader<T, U extends string | string[], L extends LoaderProto<T>, R = LoaderReturnType<T, L>>(Proto: L, input: U, extensions?: Extensions<L>, onProgress?: (event: ProgressEvent<EventTarget>) => void): U extends any[] ? BranchingReturn<R, GLTF, GLTF & ObjectMap>[] : BranchingReturn<R, GLTF, GLTF & ObjectMap>;
+export declare function useLoader<T, U extends string | string[], L extends LoaderProto<T>, R = LoaderReturnType<T, L>>(Proto: L, input: U, extensions?: Extensions<L>, onProgress?: (event: ProgressEvent<EventTarget>) => void): U extends any[] ? BranchingReturn<R, GLTFLike, R & ObjectMap>[] : BranchingReturn<R, GLTFLike, R & ObjectMap>;
 export declare namespace useLoader {
     var preload: <T, U extends string | string[], L extends LoaderProto<T>>(Proto: L, input: U, extensions?: Extensions<L> | undefined) => undefined;
     var clear: <T, U extends string | string[], L extends LoaderProto<T>>(Proto: L, input: U) => void;
 }
+export {};

package/dist/declarations/src/core/utils.d.ts

@@ -3,6 +3,7 @@ import * as THREE from 'three';
 import * as React from 'react';
 import { AttachType, Instance, InstanceProps, LocalState } from './renderer';
 import { Dpr, Renderer, RootState, Size } from './store';
+/** @ts-ignore */
 declare type _DeprecatedXRFrame = THREE.XRFrame;
 export declare type _XRFrame = THREE.WebGLRenderTargetOptions extends {
     samples?: number;
@@ -10,7 +11,7 @@ export declare type _XRFrame = THREE.WebGLRenderTargetOptions extends {
 /**
  * Returns `true` with correct TS type inference if an object has a configurable color space (since r152).
  */
-export declare const hasColorSpace: <T extends object | THREE.Texture | Renderer, P = T extends Renderer ? {
+export declare const hasColorSpace: <T extends object | Renderer | THREE.Texture, P = T extends Renderer ? {
     outputColorSpace: string;
 } : {
     colorSpace: string;

package/dist/{index-db8af450.esm.js → index-5bde93f1.esm.js}

@@ -1663,7 +1663,6 @@ function loadingFn(extensions, onProgress) {
     }, onProgress, error => reject(new Error(`Could not load ${input}: ${error == null ? void 0 : error.message}`)))))).finally(() => loader.dispose == null ? void 0 : loader.dispose());
   };
 }
-
 /**
  * Synchronously loads and caches assets with a three loader.
  *

package/dist/{index-e462a173.cjs.prod.js → index-710e63a4.cjs.prod.js}

@@ -1690,7 +1690,6 @@ function loadingFn(extensions, onProgress) {
     }, onProgress, error => reject(new Error(`Could not load ${input}: ${error == null ? void 0 : error.message}`)))))).finally(() => loader.dispose == null ? void 0 : loader.dispose());
   };
 }
-
 /**
  * Synchronously loads and caches assets with a three loader.
  *

package/dist/{index-b3e44f21.cjs.dev.js → index-e9909912.cjs.dev.js}

@@ -1690,7 +1690,6 @@ function loadingFn(extensions, onProgress) {
     }, onProgress, error => reject(new Error(`Could not load ${input}: ${error == null ? void 0 : error.message}`)))))).finally(() => loader.dispose == null ? void 0 : loader.dispose());
   };
 }
-
 /**
  * Synchronously loads and caches assets with a three loader.
  *

package/dist/react-three-fiber.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-b3e44f21.cjs.dev.js');
+var index = require('./index-e9909912.cjs.dev.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');

package/dist/react-three-fiber.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-e462a173.cjs.prod.js');
+var index = require('./index-710e63a4.cjs.prod.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');

package/dist/react-three-fiber.esm.js

@@ -1,5 +1,5 @@
-import { c as createEvents, e as extend, u as useMutableCallback, a as useIsomorphicLayoutEffect, b as createRoot, i as isRef, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from './index-db8af450.esm.js';
-export { t as ReactThreeFiber, x as _roots, v as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, w as buildGraph, f as context, c as createEvents, g as createPortal, b as createRoot, k as dispose, e as extend, q as flushGlobalEffects, s as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './index-db8af450.esm.js';
+import { c as createEvents, e as extend, u as useMutableCallback, a as useIsomorphicLayoutEffect, b as createRoot, i as isRef, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from './index-5bde93f1.esm.js';
+export { t as ReactThreeFiber, x as _roots, v as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, w as buildGraph, f as context, c as createEvents, g as createPortal, b as createRoot, k as dispose, e as extend, q as flushGlobalEffects, s as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './index-5bde93f1.esm.js';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import * as React from 'react';
 import * as THREE from 'three';

package/native/dist/react-three-fiber-native.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../dist/index-b3e44f21.cjs.dev.js');
+var index = require('../../dist/index-e9909912.cjs.dev.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');

package/native/dist/react-three-fiber-native.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../dist/index-e462a173.cjs.prod.js');
+var index = require('../../dist/index-710e63a4.cjs.prod.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');

package/native/dist/react-three-fiber-native.esm.js

@@ -1,5 +1,5 @@
-import { c as createEvents, e as extend, u as useMutableCallback, b as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from '../../dist/index-db8af450.esm.js';
-export { t as ReactThreeFiber, x as _roots, v as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, w as buildGraph, f as context, c as createEvents, g as createPortal, b as createRoot, k as dispose, e as extend, q as flushGlobalEffects, s as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/index-db8af450.esm.js';
+import { c as createEvents, e as extend, u as useMutableCallback, b as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from '../../dist/index-5bde93f1.esm.js';
+export { t as ReactThreeFiber, x as _roots, v as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, w as buildGraph, f as context, c as createEvents, g as createPortal, b as createRoot, k as dispose, e as extend, q as flushGlobalEffects, s as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/index-5bde93f1.esm.js';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import * as React from 'react';
 import * as THREE from 'three';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "8.15.11",
+  "version": "8.15.12",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",