@react-three/postprocessing 2.5.1 → 2.5.2

package/dist/index.cjs

@@ -10,7 +10,6 @@ var fiber = require('@react-three/fiber');
 var _extends = require('@babel/runtime/helpers/extends');
 var _construct = require('@babel/runtime/helpers/construct');
 var threeStdlib = require('three-stdlib');
-var mergeRefs = require('react-merge-refs');
 var screenSpaceReflections = require('screen-space-reflections');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,7 +18,6 @@ var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _construct__default = /*#__PURE__*/_interopDefaultLegacy(_construct);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
 var _excluded$8 = ["blendFunction", "opacity"];
 
@@ -446,27 +444,23 @@ var Outline = /*#__PURE__*/React.forwardRef(function Outline(_ref, forwardRef) {
     effect.selectionLayer = selectionLayer;
     invalidate();
   }, [effect, selectionLayer]);
-  var ref = React.useRef();
+  React.useRef();
   React.useEffect(function () {
     if (api && api.enabled) {
       var _api$selected;
 
-      var _effect = ref.current;
-
       if ((_api$selected = api.selected) != null && _api$selected.length) {
-        _effect.selection.set(api.selected);
-
+        effect.selection.set(api.selected);
         invalidate();
         return function () {
-          _effect.selection.clear();
-
+          effect.selection.clear();
           invalidate();
         };
       }
     }
   }, [api]);
   return /*#__PURE__*/React__default["default"].createElement("primitive", {
-    ref: mergeRefs__default["default"]([ref, forwardRef]),
+    ref: forwardRef,
     object: effect
   });
 });
@@ -564,27 +558,23 @@ var SelectiveBloom = /*#__PURE__*/React.forwardRef(function SelectiveBloom(_ref,
       };
     }
   }, [effect, lights, selectionLayer]);
-  var ref = React.useRef();
+  React.useRef();
   React.useEffect(function () {
     if (api && api.enabled) {
       var _api$selected;
 
-      var _effect = ref.current;
-
       if ((_api$selected = api.selected) != null && _api$selected.length) {
-        _effect.selection.set(api.selected);
-
+        effect.selection.set(api.selected);
         invalidate();
         return function () {
-          _effect.selection.clear();
-
+          effect.selection.clear();
           invalidate();
         };
       }
     }
   }, [api]);
   return /*#__PURE__*/React__default["default"].createElement("primitive", {
-    ref: mergeRefs__default["default"]([ref, forwardRef]),
+    ref: forwardRef,
     object: effect,
     dispose: null
   });
@@ -729,6 +719,21 @@ var SSR = /*#__PURE__*/React.forwardRef(function SSR(_ref, ref) {
     });
     invalidate();
   }, [props]);
+  var api = React.useContext(selectionContext);
+  React.useEffect(function () {
+    if (api && api.enabled) {
+      var _api$selected;
+
+      if ((_api$selected = api.selected) != null && _api$selected.length) {
+        effect.selection.set(api.selected);
+        invalidate();
+        return function () {
+          effect.selection.clear();
+          invalidate();
+        };
+      }
+    }
+  }, [api]);
   return /*#__PURE__*/React__default["default"].createElement("primitive", {
     ref: ref,
     object: effect

package/dist/index.js

@@ -3,7 +3,6 @@ import React, { forwardRef, useMemo, useLayoutEffect, createContext, useEffect,
 import { Vector2, HalfFloatType, Vector3, TextureLoader, sRGBEncoding, RepeatWrapping } from 'three';
 import { useThree, useFrame, useLoader } from '@react-three/fiber';
 import { isWebGL2Available } from 'three-stdlib';
-import mergeRefs from 'react-merge-refs';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { SSREffect } from 'screen-space-reflections';
 
@@ -366,13 +365,11 @@ const Outline = /*#__PURE__*/forwardRef(function Outline(_ref, forwardRef) {
     effect.selectionLayer = selectionLayer;
     invalidate();
   }, [effect, selectionLayer]);
-  const ref = useRef();
+  useRef();
   useEffect(() => {
     if (api && api.enabled) {
       var _api$selected;
 
-      const effect = ref.current;
-
       if ((_api$selected = api.selected) != null && _api$selected.length) {
         effect.selection.set(api.selected);
         invalidate();
@@ -384,7 +381,7 @@ const Outline = /*#__PURE__*/forwardRef(function Outline(_ref, forwardRef) {
     }
   }, [api]);
   return /*#__PURE__*/React.createElement("primitive", {
-    ref: mergeRefs([ref, forwardRef]),
+    ref: forwardRef,
     object: effect
   });
 });
@@ -467,13 +464,11 @@ const SelectiveBloom = /*#__PURE__*/forwardRef(function SelectiveBloom(_ref, for
       };
     }
   }, [effect, lights, selectionLayer]);
-  const ref = useRef();
+  useRef();
   useEffect(() => {
     if (api && api.enabled) {
       var _api$selected;
 
-      const effect = ref.current;
-
       if ((_api$selected = api.selected) != null && _api$selected.length) {
         effect.selection.set(api.selected);
         invalidate();
@@ -485,7 +480,7 @@ const SelectiveBloom = /*#__PURE__*/forwardRef(function SelectiveBloom(_ref, for
     }
   }, [api]);
   return /*#__PURE__*/React.createElement("primitive", {
-    ref: mergeRefs([ref, forwardRef]),
+    ref: forwardRef,
     object: effect,
     dispose: null
   });
@@ -617,6 +612,21 @@ const SSR = /*#__PURE__*/forwardRef(function SSR(_ref, ref) {
     Object.keys(props).forEach(key => effect[key] = props[key]);
     invalidate();
   }, [props]);
+  const api = useContext(selectionContext);
+  useEffect(() => {
+    if (api && api.enabled) {
+      var _api$selected;
+
+      if ((_api$selected = api.selected) != null && _api$selected.length) {
+        effect.selection.set(api.selected);
+        invalidate();
+        return () => {
+          effect.selection.clear();
+          invalidate();
+        };
+      }
+    }
+  }, [api]);
   return /*#__PURE__*/React.createElement("primitive", {
     ref: ref,
     object: effect

package/package.json

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