@react-three/fiber 8.16.5 → 8.16.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @react-three/fiber
 
+## 8.16.7
+
+### Patch Changes
+
+- 4d6408c7: fix(types): revert usage of future module JSX
+
+## 8.16.6
+
+### Patch Changes
+
+- 03ab82fe: fix(applyProps): null check indeterminate instances
+
 ## 8.16.5
 
 ### Patch Changes

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

@@ -81,7 +81,7 @@ export declare type InjectState = Partial<Omit<RootState, PrivateKeys> & {
     };
     size?: Size;
 }>;
-declare function createPortal(children: React.ReactNode, container: THREE.Object3D, state?: InjectState): React.JSX.Element;
+declare function createPortal(children: React.ReactNode, container: THREE.Object3D, state?: InjectState): JSX.Element;
 declare const act: any;
 export * from './hooks';
 export { context, render, createRoot, unmountComponentAtNode, createPortal, reconciler, applyProps, dispose, invalidate, advance, extend, addEffect, addAfterEffect, addTail, flushGlobalEffects, getRootState, act, buildGraph, roots as _roots, };

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

@@ -121,10 +121,13 @@ export declare function dispose<TObj extends {
 export declare function prepare<T = THREE.Object3D>(object: T, state?: Partial<LocalState>): T;
 export declare function attach(parent: Instance, child: Instance, type: AttachType): void;
 export declare function detach(parent: Instance, child: Instance, type: AttachType): void;
-export declare function diffProps(instance: Instance, { children: cN, key: kN, ref: rN, ...props }: InstanceProps, { children: cP, key: kP, ref: rP, ...previous }?: InstanceProps, remove?: boolean): DiffSet;
-export declare function applyProps(instance: Instance, data: InstanceProps | DiffSet): Instance;
-export declare function invalidateInstance(instance: Instance): void;
-export declare function updateInstance(instance: Instance): void;
+declare type MaybeInstance = Omit<Instance, '__r3f'> & {
+    __r3f?: LocalState;
+};
+export declare function diffProps(instance: MaybeInstance, { children: cN, key: kN, ref: rN, ...props }: InstanceProps, { children: cP, key: kP, ref: rP, ...previous }?: InstanceProps, remove?: boolean): DiffSet;
+export declare function applyProps(instance: MaybeInstance, data: InstanceProps | DiffSet): MaybeInstance;
+export declare function invalidateInstance(instance: MaybeInstance): void;
+export declare function updateInstance(instance: MaybeInstance): void;
 export declare function updateCamera(camera: Camera & {
     manual?: boolean;
 }, size: Size): void;

package/dist/declarations/src/three-types.d.ts

@@ -390,22 +390,4 @@ declare global {
         }
     }
 }
-declare module 'react' {
-    namespace JSX {
-        interface IntrinsicElements extends ThreeElements {
-        }
-    }
-}
-declare module 'react/jsx-runtime' {
-    namespace JSX {
-        interface IntrinsicElements extends ThreeElements {
-        }
-    }
-}
-declare module 'react/jsx-dev-runtime' {
-    namespace JSX {
-        interface IntrinsicElements extends ThreeElements {
-        }
-    }
-}
 export {};

package/dist/{index-81568a48.cjs.prod.js → index-4664c596.cjs.prod.js}

@@ -613,7 +613,6 @@ function detach(parent, child, type) {
   } else (_child$__r3f = child.__r3f) == null ? void 0 : _child$__r3f.previousAttach == null ? void 0 : _child$__r3f.previousAttach(parent, child);
   (_child$__r3f2 = child.__r3f) == null ? true : delete _child$__r3f2.previousAttach;
 }
-
 // This function prepares a set of changes to be applied to the instance
 function diffProps(instance, {
   children: cN,
@@ -626,8 +625,7 @@ function diffProps(instance, {
   ref: rP,
   ...previous
 } = {}, remove = false) {
-  var _instance$__r3f;
-  const localState = (_instance$__r3f = instance == null ? void 0 : instance.__r3f) != null ? _instance$__r3f : {};
+  const localState = instance.__r3f;
   const entries = Object.entries(props);
   const changes = [];
 
@@ -639,9 +637,9 @@ function diffProps(instance, {
     }
   }
   entries.forEach(([key, value]) => {
-    var _instance$__r3f2;
+    var _instance$__r3f;
     // Bail out on primitive object
-    if ((_instance$__r3f2 = instance.__r3f) != null && _instance$__r3f2.primitive && key === 'object') return;
+    if ((_instance$__r3f = instance.__r3f) != null && _instance$__r3f.primitive && key === 'object') return;
     // When props match bail out
     if (is.equ(value, previous[key])) return;
     // Collect handlers and bail out
@@ -660,8 +658,8 @@ function diffProps(instance, {
   const memoized = {
     ...props
   };
-  if (localState.memoizedProps && localState.memoizedProps.args) memoized.args = localState.memoizedProps.args;
-  if (localState.memoizedProps && localState.memoizedProps.attach) memoized.attach = localState.memoizedProps.attach;
+  if (localState != null && localState.memoizedProps && localState != null && localState.memoizedProps.args) memoized.args = localState.memoizedProps.args;
+  if (localState != null && localState.memoizedProps && localState != null && localState.memoizedProps.attach) memoized.attach = localState.memoizedProps.attach;
   return {
     memoized,
     changes
@@ -671,16 +669,16 @@ const __DEV__ = typeof process !== 'undefined' &&         "production" !== 'prod
 
 // This function applies a set of changes to the instance
 function applyProps$1(instance, data) {
-  var _instance$__r3f3, _root$getState, _instance$__r3f4;
+  var _instance$__r3f2;
   // Filter equals, events and reserved props
-  const localState = (_instance$__r3f3 = instance.__r3f) != null ? _instance$__r3f3 : {};
-  const root = localState.root;
-  const rootState = (_root$getState = root == null ? void 0 : root.getState == null ? void 0 : root.getState()) != null ? _root$getState : {};
+  const localState = instance.__r3f;
+  const root = localState == null ? void 0 : localState.root;
+  const rootState = root == null ? void 0 : root.getState == null ? void 0 : root.getState();
   const {
     memoized,
     changes
   } = isDiffSet(data) ? data : diffProps(instance, data);
-  const prevHandlers = localState.eventCount;
+  const prevHandlers = localState == null ? void 0 : localState.eventCount;
 
   // Prepare memoized props
   if (instance.__r3f) instance.__r3f.memoizedProps = memoized;
@@ -737,7 +735,7 @@ function applyProps$1(instance, data) {
     }
 
     // Deal with pointer events ...
-    if (isEvent) {
+    if (isEvent && localState) {
       if (value) localState.handlers[key] = value;else delete localState.handlers[key];
       localState.eventCount = Object.keys(localState.handlers).length;
     }
@@ -769,7 +767,7 @@ function applyProps$1(instance, data) {
         // For versions of three which don't support THREE.ColorManagement,
         // Auto-convert sRGB colors
         // https://github.com/pmndrs/react-three-fiber/issues/344
-        if (!getColorManagement() && !rootState.linear && isColor) targetProp.convertSRGBToLinear();
+        if (!getColorManagement() && rootState && !rootState.linear && isColor) targetProp.convertSRGBToLinear();
       }
       // Else, just overwrite the value
     } else {
@@ -779,14 +777,14 @@ function applyProps$1(instance, data) {
       // https://github.com/pmndrs/react-three-fiber/issues/344
       if (currentInstance[key] instanceof THREE__namespace.Texture &&
       // sRGB textures must be RGBA8 since r137 https://github.com/mrdoob/three.js/pull/23129
-      currentInstance[key].format === THREE__namespace.RGBAFormat && currentInstance[key].type === THREE__namespace.UnsignedByteType) {
+      currentInstance[key].format === THREE__namespace.RGBAFormat && currentInstance[key].type === THREE__namespace.UnsignedByteType && rootState) {
         const texture = currentInstance[key];
         if (hasColorSpace(texture) && hasColorSpace(rootState.gl)) texture.colorSpace = rootState.gl.outputColorSpace;else texture.encoding = rootState.gl.outputEncoding;
       }
     }
     invalidateInstance(instance);
   }
-  if (localState.parent && instance.raycast && prevHandlers !== localState.eventCount) {
+  if (localState && localState.parent && instance.raycast && prevHandlers !== localState.eventCount) {
     // Get the initial root state's internals
     const internal = findInitialRoot(instance).getState().internal;
     // Pre-emptively remove the instance from the interaction manager
@@ -799,12 +797,12 @@ function applyProps$1(instance, data) {
   // Call the update lifecycle when it is being updated, but only when it is part of the scene.
   // Skip updates to the `onUpdate` prop itself
   const isCircular = changes.length === 1 && changes[0][0] === 'onUpdate';
-  if (!isCircular && changes.length && (_instance$__r3f4 = instance.__r3f) != null && _instance$__r3f4.parent) updateInstance(instance);
+  if (!isCircular && changes.length && (_instance$__r3f2 = instance.__r3f) != null && _instance$__r3f2.parent) updateInstance(instance);
   return instance;
 }
 function invalidateInstance(instance) {
-  var _instance$__r3f5, _instance$__r3f5$root;
-  const state = (_instance$__r3f5 = instance.__r3f) == null ? void 0 : (_instance$__r3f5$root = _instance$__r3f5.root) == null ? void 0 : _instance$__r3f5$root.getState == null ? void 0 : _instance$__r3f5$root.getState();
+  var _instance$__r3f3, _instance$__r3f3$root;
+  const state = (_instance$__r3f3 = instance.__r3f) == null ? void 0 : (_instance$__r3f3$root = _instance$__r3f3.root) == null ? void 0 : _instance$__r3f3$root.getState == null ? void 0 : _instance$__r3f3$root.getState();
   if (state && state.internal.frames === 0) state.invalidate();
 }
 function updateInstance(instance) {

package/dist/{index-b552952e.esm.js → index-ba8afaa4.esm.js}

@@ -586,7 +586,6 @@ function detach(parent, child, type) {
   } else (_child$__r3f = child.__r3f) == null ? void 0 : _child$__r3f.previousAttach == null ? void 0 : _child$__r3f.previousAttach(parent, child);
   (_child$__r3f2 = child.__r3f) == null ? true : delete _child$__r3f2.previousAttach;
 }
-
 // This function prepares a set of changes to be applied to the instance
 function diffProps(instance, {
   children: cN,
@@ -599,8 +598,7 @@ function diffProps(instance, {
   ref: rP,
   ...previous
 } = {}, remove = false) {
-  var _instance$__r3f;
-  const localState = (_instance$__r3f = instance == null ? void 0 : instance.__r3f) != null ? _instance$__r3f : {};
+  const localState = instance.__r3f;
   const entries = Object.entries(props);
   const changes = [];
 
@@ -612,9 +610,9 @@ function diffProps(instance, {
     }
   }
   entries.forEach(([key, value]) => {
-    var _instance$__r3f2;
+    var _instance$__r3f;
     // Bail out on primitive object
-    if ((_instance$__r3f2 = instance.__r3f) != null && _instance$__r3f2.primitive && key === 'object') return;
+    if ((_instance$__r3f = instance.__r3f) != null && _instance$__r3f.primitive && key === 'object') return;
     // When props match bail out
     if (is.equ(value, previous[key])) return;
     // Collect handlers and bail out
@@ -633,8 +631,8 @@ function diffProps(instance, {
   const memoized = {
     ...props
   };
-  if (localState.memoizedProps && localState.memoizedProps.args) memoized.args = localState.memoizedProps.args;
-  if (localState.memoizedProps && localState.memoizedProps.attach) memoized.attach = localState.memoizedProps.attach;
+  if (localState != null && localState.memoizedProps && localState != null && localState.memoizedProps.args) memoized.args = localState.memoizedProps.args;
+  if (localState != null && localState.memoizedProps && localState != null && localState.memoizedProps.attach) memoized.attach = localState.memoizedProps.attach;
   return {
     memoized,
     changes
@@ -644,16 +642,16 @@ const __DEV__ = typeof process !== 'undefined' && process.env.NODE_ENV !== 'prod
 
 // This function applies a set of changes to the instance
 function applyProps$1(instance, data) {
-  var _instance$__r3f3, _root$getState, _instance$__r3f4;
+  var _instance$__r3f2;
   // Filter equals, events and reserved props
-  const localState = (_instance$__r3f3 = instance.__r3f) != null ? _instance$__r3f3 : {};
-  const root = localState.root;
-  const rootState = (_root$getState = root == null ? void 0 : root.getState == null ? void 0 : root.getState()) != null ? _root$getState : {};
+  const localState = instance.__r3f;
+  const root = localState == null ? void 0 : localState.root;
+  const rootState = root == null ? void 0 : root.getState == null ? void 0 : root.getState();
   const {
     memoized,
     changes
   } = isDiffSet(data) ? data : diffProps(instance, data);
-  const prevHandlers = localState.eventCount;
+  const prevHandlers = localState == null ? void 0 : localState.eventCount;
 
   // Prepare memoized props
   if (instance.__r3f) instance.__r3f.memoizedProps = memoized;
@@ -710,7 +708,7 @@ function applyProps$1(instance, data) {
     }
 
     // Deal with pointer events ...
-    if (isEvent) {
+    if (isEvent && localState) {
       if (value) localState.handlers[key] = value;else delete localState.handlers[key];
       localState.eventCount = Object.keys(localState.handlers).length;
     }
@@ -742,7 +740,7 @@ function applyProps$1(instance, data) {
         // For versions of three which don't support THREE.ColorManagement,
         // Auto-convert sRGB colors
         // https://github.com/pmndrs/react-three-fiber/issues/344
-        if (!getColorManagement() && !rootState.linear && isColor) targetProp.convertSRGBToLinear();
+        if (!getColorManagement() && rootState && !rootState.linear && isColor) targetProp.convertSRGBToLinear();
       }
       // Else, just overwrite the value
     } else {
@@ -752,14 +750,14 @@ function applyProps$1(instance, data) {
       // https://github.com/pmndrs/react-three-fiber/issues/344
       if (currentInstance[key] instanceof THREE.Texture &&
       // sRGB textures must be RGBA8 since r137 https://github.com/mrdoob/three.js/pull/23129
-      currentInstance[key].format === THREE.RGBAFormat && currentInstance[key].type === THREE.UnsignedByteType) {
+      currentInstance[key].format === THREE.RGBAFormat && currentInstance[key].type === THREE.UnsignedByteType && rootState) {
         const texture = currentInstance[key];
         if (hasColorSpace(texture) && hasColorSpace(rootState.gl)) texture.colorSpace = rootState.gl.outputColorSpace;else texture.encoding = rootState.gl.outputEncoding;
       }
     }
     invalidateInstance(instance);
   }
-  if (localState.parent && instance.raycast && prevHandlers !== localState.eventCount) {
+  if (localState && localState.parent && instance.raycast && prevHandlers !== localState.eventCount) {
     // Get the initial root state's internals
     const internal = findInitialRoot(instance).getState().internal;
     // Pre-emptively remove the instance from the interaction manager
@@ -772,12 +770,12 @@ function applyProps$1(instance, data) {
   // Call the update lifecycle when it is being updated, but only when it is part of the scene.
   // Skip updates to the `onUpdate` prop itself
   const isCircular = changes.length === 1 && changes[0][0] === 'onUpdate';
-  if (!isCircular && changes.length && (_instance$__r3f4 = instance.__r3f) != null && _instance$__r3f4.parent) updateInstance(instance);
+  if (!isCircular && changes.length && (_instance$__r3f2 = instance.__r3f) != null && _instance$__r3f2.parent) updateInstance(instance);
   return instance;
 }
 function invalidateInstance(instance) {
-  var _instance$__r3f5, _instance$__r3f5$root;
-  const state = (_instance$__r3f5 = instance.__r3f) == null ? void 0 : (_instance$__r3f5$root = _instance$__r3f5.root) == null ? void 0 : _instance$__r3f5$root.getState == null ? void 0 : _instance$__r3f5$root.getState();
+  var _instance$__r3f3, _instance$__r3f3$root;
+  const state = (_instance$__r3f3 = instance.__r3f) == null ? void 0 : (_instance$__r3f3$root = _instance$__r3f3.root) == null ? void 0 : _instance$__r3f3$root.getState == null ? void 0 : _instance$__r3f3$root.getState();
   if (state && state.internal.frames === 0) state.invalidate();
 }
 function updateInstance(instance) {

package/dist/{index-b1a4ae91.cjs.dev.js → index-f983265a.cjs.dev.js}

@@ -613,7 +613,6 @@ function detach(parent, child, type) {
   } else (_child$__r3f = child.__r3f) == null ? void 0 : _child$__r3f.previousAttach == null ? void 0 : _child$__r3f.previousAttach(parent, child);
   (_child$__r3f2 = child.__r3f) == null ? true : delete _child$__r3f2.previousAttach;
 }
-
 // This function prepares a set of changes to be applied to the instance
 function diffProps(instance, {
   children: cN,
@@ -626,8 +625,7 @@ function diffProps(instance, {
   ref: rP,
   ...previous
 } = {}, remove = false) {
-  var _instance$__r3f;
-  const localState = (_instance$__r3f = instance == null ? void 0 : instance.__r3f) != null ? _instance$__r3f : {};
+  const localState = instance.__r3f;
   const entries = Object.entries(props);
   const changes = [];
 
@@ -639,9 +637,9 @@ function diffProps(instance, {
     }
   }
   entries.forEach(([key, value]) => {
-    var _instance$__r3f2;
+    var _instance$__r3f;
     // Bail out on primitive object
-    if ((_instance$__r3f2 = instance.__r3f) != null && _instance$__r3f2.primitive && key === 'object') return;
+    if ((_instance$__r3f = instance.__r3f) != null && _instance$__r3f.primitive && key === 'object') return;
     // When props match bail out
     if (is.equ(value, previous[key])) return;
     // Collect handlers and bail out
@@ -660,8 +658,8 @@ function diffProps(instance, {
   const memoized = {
     ...props
   };
-  if (localState.memoizedProps && localState.memoizedProps.args) memoized.args = localState.memoizedProps.args;
-  if (localState.memoizedProps && localState.memoizedProps.attach) memoized.attach = localState.memoizedProps.attach;
+  if (localState != null && localState.memoizedProps && localState != null && localState.memoizedProps.args) memoized.args = localState.memoizedProps.args;
+  if (localState != null && localState.memoizedProps && localState != null && localState.memoizedProps.attach) memoized.attach = localState.memoizedProps.attach;
   return {
     memoized,
     changes
@@ -671,16 +669,16 @@ const __DEV__ = typeof process !== 'undefined' && process.env.NODE_ENV !== 'prod
 
 // This function applies a set of changes to the instance
 function applyProps$1(instance, data) {
-  var _instance$__r3f3, _root$getState, _instance$__r3f4;
+  var _instance$__r3f2;
   // Filter equals, events and reserved props
-  const localState = (_instance$__r3f3 = instance.__r3f) != null ? _instance$__r3f3 : {};
-  const root = localState.root;
-  const rootState = (_root$getState = root == null ? void 0 : root.getState == null ? void 0 : root.getState()) != null ? _root$getState : {};
+  const localState = instance.__r3f;
+  const root = localState == null ? void 0 : localState.root;
+  const rootState = root == null ? void 0 : root.getState == null ? void 0 : root.getState();
   const {
     memoized,
     changes
   } = isDiffSet(data) ? data : diffProps(instance, data);
-  const prevHandlers = localState.eventCount;
+  const prevHandlers = localState == null ? void 0 : localState.eventCount;
 
   // Prepare memoized props
   if (instance.__r3f) instance.__r3f.memoizedProps = memoized;
@@ -737,7 +735,7 @@ function applyProps$1(instance, data) {
     }
 
     // Deal with pointer events ...
-    if (isEvent) {
+    if (isEvent && localState) {
       if (value) localState.handlers[key] = value;else delete localState.handlers[key];
       localState.eventCount = Object.keys(localState.handlers).length;
     }
@@ -769,7 +767,7 @@ function applyProps$1(instance, data) {
         // For versions of three which don't support THREE.ColorManagement,
         // Auto-convert sRGB colors
         // https://github.com/pmndrs/react-three-fiber/issues/344
-        if (!getColorManagement() && !rootState.linear && isColor) targetProp.convertSRGBToLinear();
+        if (!getColorManagement() && rootState && !rootState.linear && isColor) targetProp.convertSRGBToLinear();
       }
       // Else, just overwrite the value
     } else {
@@ -779,14 +777,14 @@ function applyProps$1(instance, data) {
       // https://github.com/pmndrs/react-three-fiber/issues/344
       if (currentInstance[key] instanceof THREE__namespace.Texture &&
       // sRGB textures must be RGBA8 since r137 https://github.com/mrdoob/three.js/pull/23129
-      currentInstance[key].format === THREE__namespace.RGBAFormat && currentInstance[key].type === THREE__namespace.UnsignedByteType) {
+      currentInstance[key].format === THREE__namespace.RGBAFormat && currentInstance[key].type === THREE__namespace.UnsignedByteType && rootState) {
         const texture = currentInstance[key];
         if (hasColorSpace(texture) && hasColorSpace(rootState.gl)) texture.colorSpace = rootState.gl.outputColorSpace;else texture.encoding = rootState.gl.outputEncoding;
       }
     }
     invalidateInstance(instance);
   }
-  if (localState.parent && instance.raycast && prevHandlers !== localState.eventCount) {
+  if (localState && localState.parent && instance.raycast && prevHandlers !== localState.eventCount) {
     // Get the initial root state's internals
     const internal = findInitialRoot(instance).getState().internal;
     // Pre-emptively remove the instance from the interaction manager
@@ -799,12 +797,12 @@ function applyProps$1(instance, data) {
   // Call the update lifecycle when it is being updated, but only when it is part of the scene.
   // Skip updates to the `onUpdate` prop itself
   const isCircular = changes.length === 1 && changes[0][0] === 'onUpdate';
-  if (!isCircular && changes.length && (_instance$__r3f4 = instance.__r3f) != null && _instance$__r3f4.parent) updateInstance(instance);
+  if (!isCircular && changes.length && (_instance$__r3f2 = instance.__r3f) != null && _instance$__r3f2.parent) updateInstance(instance);
   return instance;
 }
 function invalidateInstance(instance) {
-  var _instance$__r3f5, _instance$__r3f5$root;
-  const state = (_instance$__r3f5 = instance.__r3f) == null ? void 0 : (_instance$__r3f5$root = _instance$__r3f5.root) == null ? void 0 : _instance$__r3f5$root.getState == null ? void 0 : _instance$__r3f5$root.getState();
+  var _instance$__r3f3, _instance$__r3f3$root;
+  const state = (_instance$__r3f3 = instance.__r3f) == null ? void 0 : (_instance$__r3f3$root = _instance$__r3f3.root) == null ? void 0 : _instance$__r3f3$root.getState == null ? void 0 : _instance$__r3f3$root.getState();
   if (state && state.internal.frames === 0) state.invalidate();
 }
 function updateInstance(instance) {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-b1a4ae91.cjs.dev.js');
+var index = require('./index-f983265a.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-81568a48.cjs.prod.js');
+var index = require('./index-4664c596.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');

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-b552952e.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-b552952e.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-ba8afaa4.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-ba8afaa4.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import useMeasure from 'react-use-measure';

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-b1a4ae91.cjs.dev.js');
+var index = require('../../dist/index-f983265a.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');

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-81568a48.cjs.prod.js');
+var index = require('../../dist/index-4664c596.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');

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-b552952e.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-b552952e.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-ba8afaa4.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-ba8afaa4.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import { PanResponder, PixelRatio, View, StyleSheet, Platform, Image, NativeModules } from 'react-native';

package/package.json

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