@react-three/fiber 8.8.5 → 8.8.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @react-three/fiber
 
+## 8.8.7
+
+### Patch Changes
+
+- bedb16e7: fix: prefer named functions, for loops in hot paths
+
+## 8.8.6
+
+### Patch Changes
+
+- 02a558bb: fix: upgrade deps
+
 ## 8.8.5
 
 ### Patch Changes

package/dist/{index-21350952.cjs.dev.js → index-4a687fc8.cjs.dev.js}

@@ -309,7 +309,9 @@ function applyProps$1(instance, data) {
   const prevHandlers = localState.eventCount; // Prepare memoized props
 
   if (instance.__r3f) instance.__r3f.memoizedProps = memoized;
-  changes.forEach(([key, value, isEvent, keys]) => {
+
+  for (let i = 0; i < changes.length; i++) {
+    let [key, value, isEvent, keys] = changes[i];
     let currentInstance = instance;
     let targetProp = currentInstance[key]; // Revolve dashed props
 
@@ -385,7 +387,7 @@ function applyProps$1(instance, data) {
     }
 
     invalidateInstance(instance);
-  });
+  }
 
   if (localState.parent && rootState.internal && instance.raycast && prevHandlers !== localState.eventCount) {
     // Pre-emptively remove the instance from the interaction manager
@@ -536,22 +538,20 @@ function createEvents(store) {
 
     const eventsObjects = filter ? filter(state.internal.interaction) : state.internal.interaction; // Reset all raycaster cameras to undefined
 
-    eventsObjects.forEach(obj => {
-      const state = getRootState(obj);
+    for (let i = 0; i < eventsObjects.length; i++) {
+      const state = getRootState(eventsObjects[i]);
 
       if (state) {
         state.raycaster.camera = undefined;
       }
-    });
+    }
 
     if (!state.previousRoot) {
       // Make sure root-level pointer and ray are set up
       state.events.compute == null ? void 0 : state.events.compute(event, state);
-    } // Collect events
-
+    }
 
-    let hits = eventsObjects // Intersect objects
-    .flatMap(obj => {
+    function handleRaycast(obj) {
       const state = getRootState(obj); // Skip event handling when noEvents is set, or when the raycasters camera is null
 
       if (!state || !state.events.enabled || state.raycaster.camera === null) return []; // When the camera is undefined we have to call the event layers update function
@@ -566,7 +566,11 @@ function createEvents(store) {
 
 
       return state.raycaster.camera ? state.raycaster.intersectObject(obj, true) : [];
-    }) // Sort by event priority and distance
+    } // Collect events
+
+
+    let hits = eventsObjects // Intersect objects
+    .flatMap(handleRaycast) // Sort by event priority and distance
     .sort((a, b) => {
       const aState = getRootState(a.object);
       const bState = getRootState(b.object);
@@ -678,8 +682,9 @@ function createEvents(store) {
           unprojectedPoint,
           ray: raycaster.ray,
           camera: camera,
+
           // Hijack stopPropagation, which just sets a flag
-          stopPropagation: () => {
+          stopPropagation() {
             // https://github.com/pmndrs/react-three-fiber/issues/596
             // Events are not allowed to stop propagation if the pointer has been captured
             const capturesForPointer = 'pointerId' in event && internal.capturedMap.get(event.pointerId); // We only authorize stopPropagation...
@@ -697,6 +702,7 @@ function createEvents(store) {
               }
             }
           },
+
           // there should be a distinction between target and currentTarget
           target: {
             hasPointerCapture,
@@ -724,7 +730,8 @@ function createEvents(store) {
     const {
       internal
     } = store.getState();
-    Array.from(internal.hovered.values()).forEach(hoveredObj => {
+
+    for (const hoveredObj of internal.hovered.values()) {
       // When no objects were hit or the the hovered object wasn't found underneath the cursor
       // we call onPointerOut and delete the object from the hovered-elements map
       if (!intersections.length || !intersections.find(hit => hit.object === hoveredObj.object && hit.index === hoveredObj.index && hit.instanceId === hoveredObj.instanceId)) {
@@ -742,10 +749,17 @@ function createEvents(store) {
           handlers.onPointerLeave == null ? void 0 : handlers.onPointerLeave(data);
         }
       }
-    });
+    }
+  }
+
+  function pointerMissed(event, objects) {
+    for (let i = 0; i < objects.length; i++) {
+      const instance = objects[i].__r3f;
+      instance == null ? void 0 : instance.handlers.onPointerMissed == null ? void 0 : instance.handlers.onPointerMissed(event);
+    }
   }
 
-  const handlePointer = name => {
+  function handlePointer(name) {
     // Deal with cancelation
     switch (name) {
       case 'onPointerLeave':
@@ -768,17 +782,17 @@ function createEvents(store) {
     } // Any other pointer goes here ...
 
 
-    return event => {
+    return function handleEvent(event) {
       const {
         onPointerMissed,
         internal
-      } = store.getState(); //prepareRay(event)
+      } = store.getState(); // prepareRay(event)
 
       internal.lastEvent.current = event; // Get fresh intersects
 
       const isPointerMove = name === 'onPointerMove';
       const isClickEvent = name === 'onClick' || name === 'onContextMenu' || name === 'onDoubleClick';
-      const filter = isPointerMove ? filterPointerEvents : undefined; //const hits = patchIntersects(intersect(filter), event)
+      const filter = isPointerMove ? filterPointerEvents : undefined; // const hits = patchIntersects(intersect(filter), event)
 
       const hits = intersect(event, filter);
       const delta = isClickEvent ? calculateDistance(event) : 0; // Save initial coordinates on pointer-down
@@ -799,7 +813,8 @@ function createEvents(store) {
 
 
       if (isPointerMove) cancelPointer(hits);
-      handleIntersects(hits, event, delta, data => {
+
+      function onIntersect(data) {
         const eventObject = data.eventObject;
         const instance = eventObject.__r3f;
         const handlers = instance == null ? void 0 : instance.handlers; // Check presence of handlers
@@ -846,16 +861,10 @@ function createEvents(store) {
             }
           }
         }
-      });
-    };
-  };
-
-  function pointerMissed(event, objects) {
-    objects.forEach(object => {
-      var _r3f3;
+      }
 
-      return (_r3f3 = object.__r3f) == null ? void 0 : _r3f3.handlers.onPointerMissed == null ? void 0 : _r3f3.handlers.onPointerMissed(event);
-    });
+      handleIntersects(hits, event, delta, onIntersect);
+    };
   }
 
   return {
@@ -1503,9 +1512,12 @@ const addTail = callback => createSubs(callback, globalTailEffects);
 
 function run(effects, timestamp) {
   if (!effects.size) return;
-  effects.forEach(({
+
+  for (const {
     callback
-  }) => callback(timestamp));
+  } of effects.values()) {
+    callback(timestamp);
+  }
 }
 
 function flushGlobalEffects(type, timestamp) {
@@ -1561,7 +1573,7 @@ function createLoop(roots) {
 
     flushGlobalEffects('before', timestamp); // Render all roots
 
-    roots.forEach(root => {
+    for (const root of roots.values()) {
       var _state$gl$xr;
 
       state = root.store.getState(); // If the frameloop is invalidated, do not run another frame
@@ -1569,7 +1581,8 @@ function createLoop(roots) {
       if (state.internal.active && (state.frameloop === 'always' || state.internal.frames > 0) && !((_state$gl$xr = state.gl.xr) != null && _state$gl$xr.isPresenting)) {
         repeat += render$1(timestamp, state);
       }
-    }); // Run after-effects
+    } // Run after-effects
+
 
     flushGlobalEffects('after', timestamp); // Stop the loop if nothing invalidates it
 
@@ -1598,7 +1611,7 @@ function createLoop(roots) {
 
   function advance(timestamp, runGlobalEffects = true, state, frame) {
     if (runGlobalEffects) flushGlobalEffects('before', timestamp);
-    if (!state) roots.forEach(root => render$1(timestamp, root.store.getState()));else render$1(timestamp, state, frame);
+    if (!state) for (const root of roots.values()) render$1(timestamp, root.store.getState());else render$1(timestamp, state, frame);
     if (runGlobalEffects) flushGlobalEffects('after', timestamp);
   }
 

package/dist/{index-a415204b.esm.js → index-7209a19b.esm.js}

@@ -282,7 +282,9 @@ function applyProps$1(instance, data) {
   const prevHandlers = localState.eventCount; // Prepare memoized props
 
   if (instance.__r3f) instance.__r3f.memoizedProps = memoized;
-  changes.forEach(([key, value, isEvent, keys]) => {
+
+  for (let i = 0; i < changes.length; i++) {
+    let [key, value, isEvent, keys] = changes[i];
     let currentInstance = instance;
     let targetProp = currentInstance[key]; // Revolve dashed props
 
@@ -358,7 +360,7 @@ function applyProps$1(instance, data) {
     }
 
     invalidateInstance(instance);
-  });
+  }
 
   if (localState.parent && rootState.internal && instance.raycast && prevHandlers !== localState.eventCount) {
     // Pre-emptively remove the instance from the interaction manager
@@ -509,22 +511,20 @@ function createEvents(store) {
 
     const eventsObjects = filter ? filter(state.internal.interaction) : state.internal.interaction; // Reset all raycaster cameras to undefined
 
-    eventsObjects.forEach(obj => {
-      const state = getRootState(obj);
+    for (let i = 0; i < eventsObjects.length; i++) {
+      const state = getRootState(eventsObjects[i]);
 
       if (state) {
         state.raycaster.camera = undefined;
       }
-    });
+    }
 
     if (!state.previousRoot) {
       // Make sure root-level pointer and ray are set up
       state.events.compute == null ? void 0 : state.events.compute(event, state);
-    } // Collect events
-
+    }
 
-    let hits = eventsObjects // Intersect objects
-    .flatMap(obj => {
+    function handleRaycast(obj) {
       const state = getRootState(obj); // Skip event handling when noEvents is set, or when the raycasters camera is null
 
       if (!state || !state.events.enabled || state.raycaster.camera === null) return []; // When the camera is undefined we have to call the event layers update function
@@ -539,7 +539,11 @@ function createEvents(store) {
 
 
       return state.raycaster.camera ? state.raycaster.intersectObject(obj, true) : [];
-    }) // Sort by event priority and distance
+    } // Collect events
+
+
+    let hits = eventsObjects // Intersect objects
+    .flatMap(handleRaycast) // Sort by event priority and distance
     .sort((a, b) => {
       const aState = getRootState(a.object);
       const bState = getRootState(b.object);
@@ -651,8 +655,9 @@ function createEvents(store) {
           unprojectedPoint,
           ray: raycaster.ray,
           camera: camera,
+
           // Hijack stopPropagation, which just sets a flag
-          stopPropagation: () => {
+          stopPropagation() {
             // https://github.com/pmndrs/react-three-fiber/issues/596
             // Events are not allowed to stop propagation if the pointer has been captured
             const capturesForPointer = 'pointerId' in event && internal.capturedMap.get(event.pointerId); // We only authorize stopPropagation...
@@ -670,6 +675,7 @@ function createEvents(store) {
               }
             }
           },
+
           // there should be a distinction between target and currentTarget
           target: {
             hasPointerCapture,
@@ -697,7 +703,8 @@ function createEvents(store) {
     const {
       internal
     } = store.getState();
-    Array.from(internal.hovered.values()).forEach(hoveredObj => {
+
+    for (const hoveredObj of internal.hovered.values()) {
       // When no objects were hit or the the hovered object wasn't found underneath the cursor
       // we call onPointerOut and delete the object from the hovered-elements map
       if (!intersections.length || !intersections.find(hit => hit.object === hoveredObj.object && hit.index === hoveredObj.index && hit.instanceId === hoveredObj.instanceId)) {
@@ -715,10 +722,17 @@ function createEvents(store) {
           handlers.onPointerLeave == null ? void 0 : handlers.onPointerLeave(data);
         }
       }
-    });
+    }
+  }
+
+  function pointerMissed(event, objects) {
+    for (let i = 0; i < objects.length; i++) {
+      const instance = objects[i].__r3f;
+      instance == null ? void 0 : instance.handlers.onPointerMissed == null ? void 0 : instance.handlers.onPointerMissed(event);
+    }
   }
 
-  const handlePointer = name => {
+  function handlePointer(name) {
     // Deal with cancelation
     switch (name) {
       case 'onPointerLeave':
@@ -741,17 +755,17 @@ function createEvents(store) {
     } // Any other pointer goes here ...
 
 
-    return event => {
+    return function handleEvent(event) {
       const {
         onPointerMissed,
         internal
-      } = store.getState(); //prepareRay(event)
+      } = store.getState(); // prepareRay(event)
 
       internal.lastEvent.current = event; // Get fresh intersects
 
       const isPointerMove = name === 'onPointerMove';
       const isClickEvent = name === 'onClick' || name === 'onContextMenu' || name === 'onDoubleClick';
-      const filter = isPointerMove ? filterPointerEvents : undefined; //const hits = patchIntersects(intersect(filter), event)
+      const filter = isPointerMove ? filterPointerEvents : undefined; // const hits = patchIntersects(intersect(filter), event)
 
       const hits = intersect(event, filter);
       const delta = isClickEvent ? calculateDistance(event) : 0; // Save initial coordinates on pointer-down
@@ -772,7 +786,8 @@ function createEvents(store) {
 
 
       if (isPointerMove) cancelPointer(hits);
-      handleIntersects(hits, event, delta, data => {
+
+      function onIntersect(data) {
         const eventObject = data.eventObject;
         const instance = eventObject.__r3f;
         const handlers = instance == null ? void 0 : instance.handlers; // Check presence of handlers
@@ -819,16 +834,10 @@ function createEvents(store) {
             }
           }
         }
-      });
-    };
-  };
-
-  function pointerMissed(event, objects) {
-    objects.forEach(object => {
-      var _r3f3;
+      }
 
-      return (_r3f3 = object.__r3f) == null ? void 0 : _r3f3.handlers.onPointerMissed == null ? void 0 : _r3f3.handlers.onPointerMissed(event);
-    });
+      handleIntersects(hits, event, delta, onIntersect);
+    };
   }
 
   return {
@@ -1476,9 +1485,12 @@ const addTail = callback => createSubs(callback, globalTailEffects);
 
 function run(effects, timestamp) {
   if (!effects.size) return;
-  effects.forEach(({
+
+  for (const {
     callback
-  }) => callback(timestamp));
+  } of effects.values()) {
+    callback(timestamp);
+  }
 }
 
 function flushGlobalEffects(type, timestamp) {
@@ -1534,7 +1546,7 @@ function createLoop(roots) {
 
     flushGlobalEffects('before', timestamp); // Render all roots
 
-    roots.forEach(root => {
+    for (const root of roots.values()) {
       var _state$gl$xr;
 
       state = root.store.getState(); // If the frameloop is invalidated, do not run another frame
@@ -1542,7 +1554,8 @@ function createLoop(roots) {
       if (state.internal.active && (state.frameloop === 'always' || state.internal.frames > 0) && !((_state$gl$xr = state.gl.xr) != null && _state$gl$xr.isPresenting)) {
         repeat += render$1(timestamp, state);
       }
-    }); // Run after-effects
+    } // Run after-effects
+
 
     flushGlobalEffects('after', timestamp); // Stop the loop if nothing invalidates it
 
@@ -1571,7 +1584,7 @@ function createLoop(roots) {
 
   function advance(timestamp, runGlobalEffects = true, state, frame) {
     if (runGlobalEffects) flushGlobalEffects('before', timestamp);
-    if (!state) roots.forEach(root => render$1(timestamp, root.store.getState()));else render$1(timestamp, state, frame);
+    if (!state) for (const root of roots.values()) render$1(timestamp, root.store.getState());else render$1(timestamp, state, frame);
     if (runGlobalEffects) flushGlobalEffects('after', timestamp);
   }
 

package/dist/{index-0ce5d46e.cjs.prod.js → index-d8fba45f.cjs.prod.js}

@@ -309,7 +309,9 @@ function applyProps$1(instance, data) {
   const prevHandlers = localState.eventCount; // Prepare memoized props
 
   if (instance.__r3f) instance.__r3f.memoizedProps = memoized;
-  changes.forEach(([key, value, isEvent, keys]) => {
+
+  for (let i = 0; i < changes.length; i++) {
+    let [key, value, isEvent, keys] = changes[i];
     let currentInstance = instance;
     let targetProp = currentInstance[key]; // Revolve dashed props
 
@@ -385,7 +387,7 @@ function applyProps$1(instance, data) {
     }
 
     invalidateInstance(instance);
-  });
+  }
 
   if (localState.parent && rootState.internal && instance.raycast && prevHandlers !== localState.eventCount) {
     // Pre-emptively remove the instance from the interaction manager
@@ -536,22 +538,20 @@ function createEvents(store) {
 
     const eventsObjects = filter ? filter(state.internal.interaction) : state.internal.interaction; // Reset all raycaster cameras to undefined
 
-    eventsObjects.forEach(obj => {
-      const state = getRootState(obj);
+    for (let i = 0; i < eventsObjects.length; i++) {
+      const state = getRootState(eventsObjects[i]);
 
       if (state) {
         state.raycaster.camera = undefined;
       }
-    });
+    }
 
     if (!state.previousRoot) {
       // Make sure root-level pointer and ray are set up
       state.events.compute == null ? void 0 : state.events.compute(event, state);
-    } // Collect events
-
+    }
 
-    let hits = eventsObjects // Intersect objects
-    .flatMap(obj => {
+    function handleRaycast(obj) {
       const state = getRootState(obj); // Skip event handling when noEvents is set, or when the raycasters camera is null
 
       if (!state || !state.events.enabled || state.raycaster.camera === null) return []; // When the camera is undefined we have to call the event layers update function
@@ -566,7 +566,11 @@ function createEvents(store) {
 
 
       return state.raycaster.camera ? state.raycaster.intersectObject(obj, true) : [];
-    }) // Sort by event priority and distance
+    } // Collect events
+
+
+    let hits = eventsObjects // Intersect objects
+    .flatMap(handleRaycast) // Sort by event priority and distance
     .sort((a, b) => {
       const aState = getRootState(a.object);
       const bState = getRootState(b.object);
@@ -678,8 +682,9 @@ function createEvents(store) {
           unprojectedPoint,
           ray: raycaster.ray,
           camera: camera,
+
           // Hijack stopPropagation, which just sets a flag
-          stopPropagation: () => {
+          stopPropagation() {
             // https://github.com/pmndrs/react-three-fiber/issues/596
             // Events are not allowed to stop propagation if the pointer has been captured
             const capturesForPointer = 'pointerId' in event && internal.capturedMap.get(event.pointerId); // We only authorize stopPropagation...
@@ -697,6 +702,7 @@ function createEvents(store) {
               }
             }
           },
+
           // there should be a distinction between target and currentTarget
           target: {
             hasPointerCapture,
@@ -724,7 +730,8 @@ function createEvents(store) {
     const {
       internal
     } = store.getState();
-    Array.from(internal.hovered.values()).forEach(hoveredObj => {
+
+    for (const hoveredObj of internal.hovered.values()) {
       // When no objects were hit or the the hovered object wasn't found underneath the cursor
       // we call onPointerOut and delete the object from the hovered-elements map
       if (!intersections.length || !intersections.find(hit => hit.object === hoveredObj.object && hit.index === hoveredObj.index && hit.instanceId === hoveredObj.instanceId)) {
@@ -742,10 +749,17 @@ function createEvents(store) {
           handlers.onPointerLeave == null ? void 0 : handlers.onPointerLeave(data);
         }
       }
-    });
+    }
+  }
+
+  function pointerMissed(event, objects) {
+    for (let i = 0; i < objects.length; i++) {
+      const instance = objects[i].__r3f;
+      instance == null ? void 0 : instance.handlers.onPointerMissed == null ? void 0 : instance.handlers.onPointerMissed(event);
+    }
   }
 
-  const handlePointer = name => {
+  function handlePointer(name) {
     // Deal with cancelation
     switch (name) {
       case 'onPointerLeave':
@@ -768,17 +782,17 @@ function createEvents(store) {
     } // Any other pointer goes here ...
 
 
-    return event => {
+    return function handleEvent(event) {
       const {
         onPointerMissed,
         internal
-      } = store.getState(); //prepareRay(event)
+      } = store.getState(); // prepareRay(event)
 
       internal.lastEvent.current = event; // Get fresh intersects
 
       const isPointerMove = name === 'onPointerMove';
       const isClickEvent = name === 'onClick' || name === 'onContextMenu' || name === 'onDoubleClick';
-      const filter = isPointerMove ? filterPointerEvents : undefined; //const hits = patchIntersects(intersect(filter), event)
+      const filter = isPointerMove ? filterPointerEvents : undefined; // const hits = patchIntersects(intersect(filter), event)
 
       const hits = intersect(event, filter);
       const delta = isClickEvent ? calculateDistance(event) : 0; // Save initial coordinates on pointer-down
@@ -799,7 +813,8 @@ function createEvents(store) {
 
 
       if (isPointerMove) cancelPointer(hits);
-      handleIntersects(hits, event, delta, data => {
+
+      function onIntersect(data) {
         const eventObject = data.eventObject;
         const instance = eventObject.__r3f;
         const handlers = instance == null ? void 0 : instance.handlers; // Check presence of handlers
@@ -846,16 +861,10 @@ function createEvents(store) {
             }
           }
         }
-      });
-    };
-  };
-
-  function pointerMissed(event, objects) {
-    objects.forEach(object => {
-      var _r3f3;
+      }
 
-      return (_r3f3 = object.__r3f) == null ? void 0 : _r3f3.handlers.onPointerMissed == null ? void 0 : _r3f3.handlers.onPointerMissed(event);
-    });
+      handleIntersects(hits, event, delta, onIntersect);
+    };
   }
 
   return {
@@ -1503,9 +1512,12 @@ const addTail = callback => createSubs(callback, globalTailEffects);
 
 function run(effects, timestamp) {
   if (!effects.size) return;
-  effects.forEach(({
+
+  for (const {
     callback
-  }) => callback(timestamp));
+  } of effects.values()) {
+    callback(timestamp);
+  }
 }
 
 function flushGlobalEffects(type, timestamp) {
@@ -1561,7 +1573,7 @@ function createLoop(roots) {
 
     flushGlobalEffects('before', timestamp); // Render all roots
 
-    roots.forEach(root => {
+    for (const root of roots.values()) {
       var _state$gl$xr;
 
       state = root.store.getState(); // If the frameloop is invalidated, do not run another frame
@@ -1569,7 +1581,8 @@ function createLoop(roots) {
       if (state.internal.active && (state.frameloop === 'always' || state.internal.frames > 0) && !((_state$gl$xr = state.gl.xr) != null && _state$gl$xr.isPresenting)) {
         repeat += render$1(timestamp, state);
       }
-    }); // Run after-effects
+    } // Run after-effects
+
 
     flushGlobalEffects('after', timestamp); // Stop the loop if nothing invalidates it
 
@@ -1598,7 +1611,7 @@ function createLoop(roots) {
 
   function advance(timestamp, runGlobalEffects = true, state, frame) {
     if (runGlobalEffects) flushGlobalEffects('before', timestamp);
-    if (!state) roots.forEach(root => render$1(timestamp, root.store.getState()));else render$1(timestamp, state, frame);
+    if (!state) for (const root of roots.values()) render$1(timestamp, root.store.getState());else render$1(timestamp, state, frame);
     if (runGlobalEffects) flushGlobalEffects('after', timestamp);
   }
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-21350952.cjs.dev.js');
+var index = require('./index-4a687fc8.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-0ce5d46e.cjs.prod.js');
+var index = require('./index-d8fba45f.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 createRoot, i as isRef, E as ErrorBoundary, B as Block, b as useIsomorphicLayoutEffect, d as unmountComponentAtNode } from './index-a415204b.esm.js';
-export { t as ReactThreeFiber, v as _roots, s as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, f as context, c as createEvents, g as createPortal, a as createRoot, k as dispose, e as extend, q as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, z as useFrame, A as useGraph, w as useInstanceHandle, C as useLoader, x as useStore, y as useThree } from './index-a415204b.esm.js';
+import { c as createEvents, e as extend, u as useMutableCallback, a as createRoot, i as isRef, E as ErrorBoundary, B as Block, b as useIsomorphicLayoutEffect, d as unmountComponentAtNode } from './index-7209a19b.esm.js';
+export { t as ReactThreeFiber, v as _roots, s as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, f as context, c as createEvents, g as createPortal, a as createRoot, k as dispose, e as extend, q as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, z as useFrame, A as useGraph, w as useInstanceHandle, C as useLoader, x as useStore, y as useThree } from './index-7209a19b.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-21350952.cjs.dev.js');
+var index = require('../../dist/index-4a687fc8.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-0ce5d46e.cjs.prod.js');
+var index = require('../../dist/index-d8fba45f.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, a as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from '../../dist/index-a415204b.esm.js';
-export { t as ReactThreeFiber, v as _roots, s as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, f as context, g as createPortal, a as createRoot, k as dispose, e as extend, q as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, z as useFrame, A as useGraph, w as useInstanceHandle, C as useLoader, x as useStore, y as useThree } from '../../dist/index-a415204b.esm.js';
+import { c as createEvents, e as extend, u as useMutableCallback, a as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from '../../dist/index-7209a19b.esm.js';
+export { t as ReactThreeFiber, v as _roots, s as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, f as context, g as createPortal, a as createRoot, k as dispose, e as extend, q as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, z as useFrame, A as useGraph, w as useInstanceHandle, C as useLoader, x as useStore, y as useThree } from '../../dist/index-7209a19b.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.8.5",
+  "version": "8.8.7",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",
@@ -44,7 +44,7 @@
   "dependencies": {
     "@babel/runtime": "^7.17.8",
     "@types/react-reconciler": "^0.26.7",
-    "its-fine": "^1.0.3",
+    "its-fine": "^1.0.4",
     "react-reconciler": "^0.27.0",
     "react-use-measure": "^2.1.1",
     "scheduler": "^0.21.0",