@react-three/postprocessing 2.2.5 → 2.2.6

package/dist/index.cjs.js

@@ -428,8 +428,11 @@ var Outline = /*#__PURE__*/React.forwardRef(function Outline(_ref, forwardRef) {
       xRay: xRay
     });
   }, [blendFunction, blur, camera, edgeStrength, height, hiddenEdgeColor, kernelSize, patternTexture, pulseSpeed, scene, visibleEdgeColor, width, xRay]);
+  var api = React.useContext(selectionContext);
   React.useEffect(function () {
-    if (selection) {
+    // Do not allow array selection if declarative selection is active
+    // TODO: array selection should probably be deprecated altogether
+    if (!api && selection) {
       effect.selection.set(Array.isArray(selection) ? selection.map(resolveRef) : [resolveRef(selection)]);
       invalidate();
       return function () {
@@ -437,12 +440,11 @@ var Outline = /*#__PURE__*/React.forwardRef(function Outline(_ref, forwardRef) {
         invalidate();
       };
     }
-  }, [effect, selection]);
+  }, [effect, selection, api]);
   React.useEffect(function () {
     effect.selectionLayer = selectionLayer;
     invalidate();
   }, [effect, selectionLayer]);
-  var api = React.useContext(selectionContext);
   var ref = React.useRef();
   React.useEffect(function () {
     if (api && api.enabled) {
@@ -530,8 +532,11 @@ var SelectiveBloom = /*#__PURE__*/React.forwardRef(function SelectiveBloom(_ref,
       kernelSize: kernelSize
     });
   }, [camera, height, intensity, kernelSize, luminanceSmoothing, luminanceThreshold, scene, width]);
+  var api = React.useContext(selectionContext);
   React.useEffect(function () {
-    if (selection) {
+    // Do not allow array selection if declarative selection is active
+    // TODO: array selection should probably be deprecated altogether
+    if (!api && selection) {
       effect.selection.set(Array.isArray(selection) ? selection.map(resolveRef) : [resolveRef(selection)]);
       invalidate();
       return function () {
@@ -539,7 +544,7 @@ var SelectiveBloom = /*#__PURE__*/React.forwardRef(function SelectiveBloom(_ref,
         invalidate();
       };
     }
-  }, [effect, selection]);
+  }, [effect, selection, api]);
   React.useEffect(function () {
     effect.selection.layer = selectionLayer;
     invalidate();
@@ -558,7 +563,6 @@ var SelectiveBloom = /*#__PURE__*/React.forwardRef(function SelectiveBloom(_ref,
       };
     }
   }, [effect, lights, selectionLayer]);
-  var api = React.useContext(selectionContext);
   var ref = React.useRef();
   React.useEffect(function () {
     if (api && api.enabled) {

package/dist/index.js

@@ -332,8 +332,11 @@ const Outline = /*#__PURE__*/forwardRef(function Outline(_ref, forwardRef) {
     blur,
     xRay
   }), [blendFunction, blur, camera, edgeStrength, height, hiddenEdgeColor, kernelSize, patternTexture, pulseSpeed, scene, visibleEdgeColor, width, xRay]);
+  const api = useContext(selectionContext);
   useEffect(() => {
-    if (selection) {
+    // Do not allow array selection if declarative selection is active
+    // TODO: array selection should probably be deprecated altogether
+    if (!api && selection) {
       effect.selection.set(Array.isArray(selection) ? selection.map(resolveRef) : [resolveRef(selection)]);
       invalidate();
       return () => {
@@ -341,12 +344,11 @@ const Outline = /*#__PURE__*/forwardRef(function Outline(_ref, forwardRef) {
         invalidate();
       };
     }
-  }, [effect, selection]);
+  }, [effect, selection, api]);
   useEffect(() => {
     effect.selectionLayer = selectionLayer;
     invalidate();
   }, [effect, selectionLayer]);
-  const api = useContext(selectionContext);
   const ref = useRef();
   useEffect(() => {
     if (api && api.enabled) {
@@ -421,8 +423,11 @@ const SelectiveBloom = /*#__PURE__*/forwardRef(function SelectiveBloom(_ref, for
     height,
     kernelSize
   }), [camera, height, intensity, kernelSize, luminanceSmoothing, luminanceThreshold, scene, width]);
+  const api = useContext(selectionContext);
   useEffect(() => {
-    if (selection) {
+    // Do not allow array selection if declarative selection is active
+    // TODO: array selection should probably be deprecated altogether
+    if (!api && selection) {
       effect.selection.set(Array.isArray(selection) ? selection.map(resolveRef) : [resolveRef(selection)]);
       invalidate();
       return () => {
@@ -430,7 +435,7 @@ const SelectiveBloom = /*#__PURE__*/forwardRef(function SelectiveBloom(_ref, for
         invalidate();
       };
     }
-  }, [effect, selection]);
+  }, [effect, selection, api]);
   useEffect(() => {
     effect.selection.layer = selectionLayer;
     invalidate();
@@ -445,7 +450,6 @@ const SelectiveBloom = /*#__PURE__*/forwardRef(function SelectiveBloom(_ref, for
       };
     }
   }, [effect, lights, selectionLayer]);
-  const api = useContext(selectionContext);
   const ref = useRef();
   useEffect(() => {
     if (api && api.enabled) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/postprocessing",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "description": "postprocessing wrapper for React and @react-three/fiber",
   "keywords": [
     "postprocessing",