@react-three/fiber 8.8.9 → 8.8.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @react-three/fiber
 
+## 8.8.10
+
+### Patch Changes
+
+- 00c24718: fix: invalidate pierced props
+
 ## 8.8.9
 
 ### Patch Changes

package/dist/{index-8c780a08.esm.js → index-21f75f82.esm.js}

@@ -256,7 +256,12 @@ function diffProps(instance, {
 
     let entries = [];
     if (key.includes('-')) entries = key.split('-');
-    changes.push([key, value, false, entries]);
+    changes.push([key, value, false, entries]); // Reset pierced props
+
+    for (const prop in props) {
+      const value = props[prop];
+      if (prop.startsWith(`${key}-`)) changes.push([prop, value, false, prop.split('-')]);
+    }
   });
   const memoized = { ...props
   };

package/dist/{index-409682b7.cjs.prod.js → index-bd4f185a.cjs.prod.js}

@@ -283,7 +283,12 @@ function diffProps(instance, {
 
     let entries = [];
     if (key.includes('-')) entries = key.split('-');
-    changes.push([key, value, false, entries]);
+    changes.push([key, value, false, entries]); // Reset pierced props
+
+    for (const prop in props) {
+      const value = props[prop];
+      if (prop.startsWith(`${key}-`)) changes.push([prop, value, false, prop.split('-')]);
+    }
   });
   const memoized = { ...props
   };

package/dist/{index-cd40f4c7.cjs.dev.js → index-f307fe93.cjs.dev.js}

@@ -283,7 +283,12 @@ function diffProps(instance, {
 
     let entries = [];
     if (key.includes('-')) entries = key.split('-');
-    changes.push([key, value, false, entries]);
+    changes.push([key, value, false, entries]); // Reset pierced props
+
+    for (const prop in props) {
+      const value = props[prop];
+      if (prop.startsWith(`${key}-`)) changes.push([prop, value, false, prop.split('-')]);
+    }
   });
   const memoized = { ...props
   };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-cd40f4c7.cjs.dev.js');
+var index = require('./index-f307fe93.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-409682b7.cjs.prod.js');
+var index = require('./index-bd4f185a.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-8c780a08.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-8c780a08.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-21f75f82.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-21f75f82.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-cd40f4c7.cjs.dev.js');
+var index = require('../../dist/index-f307fe93.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-409682b7.cjs.prod.js');
+var index = require('../../dist/index-bd4f185a.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-8c780a08.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-8c780a08.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-21f75f82.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-21f75f82.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.9",
+  "version": "8.8.10",
   "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.4",
+    "its-fine": "^1.0.6",
     "react-reconciler": "^0.27.0",
     "react-use-measure": "^2.1.1",
     "scheduler": "^0.21.0",