@react-three/postprocessing 2.1.3 → 2.1.6

package/dist/EffectComposer.d.ts

@@ -9,6 +9,7 @@ export declare const EffectComposerContext: React.Context<{
     scene: THREE.Scene;
 }>;
 export declare type EffectComposerProps = {
+    enabled?: boolean;
     children: JSX.Element | JSX.Element[];
     depthBuffer?: boolean;
     disableNormalPass?: boolean;

package/dist/index.cjs.js

@@ -125,6 +125,8 @@ var EffectComposer = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/R
   var children = _ref.children,
       camera = _ref.camera,
       scene = _ref.scene,
+      _ref$enabled = _ref.enabled,
+      enabled = _ref$enabled === void 0 ? true : _ref$enabled,
       _ref$renderPriority = _ref.renderPriority,
       renderPriority = _ref$renderPriority === void 0 ? 1 : _ref$renderPriority,
       _ref$autoClear = _ref.autoClear,
@@ -151,7 +153,7 @@ var EffectComposer = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/R
     var effectComposer = new postprocessing.EffectComposer(gl, {
       depthBuffer: depthBuffer,
       stencilBuffer: stencilBuffer,
-      multisampling: threeStdlib.isWebGL2Available() ? multisampling : 0,
+      multisampling: multisampling > 0 && threeStdlib.isWebGL2Available() ? multisampling : 0,
       frameBufferType: frameBufferType
     }); // Add render pass
 
@@ -175,8 +177,11 @@ var EffectComposer = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/R
     return composer == null ? void 0 : composer.setSize(size.width, size.height);
   }, [composer, size]);
   fiber.useFrame(function (_, delta) {
-    return void (gl.autoClear = autoClear, composer.render(delta));
-  }, renderPriority);
+    if (enabled) {
+      gl.autoClear = autoClear;
+      composer.render(delta);
+    }
+  }, enabled ? renderPriority : 0);
   var group = React.useRef(null);
   React.useLayoutEffect(function () {
     var effectPass;
@@ -185,7 +190,7 @@ var EffectComposer = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/R
       effectPass = _construct__default["default"](postprocessing.EffectPass, [camera].concat(group.current.__r3f.objects));
       composer.addPass(effectPass);
       effectPass.renderToScreen = true;
-      if (normalPass) normalPass.enabled = false;
+      if (normalPass) normalPass.enabled = true;
     }
 
     return function () {

package/dist/index.js

@@ -83,6 +83,7 @@ const EffectComposer = /*#__PURE__*/React.memo( /*#__PURE__*/forwardRef((_ref, r
     children,
     camera,
     scene,
+    enabled = true,
     renderPriority = 1,
     autoClear = true,
     depthBuffer,
@@ -104,7 +105,7 @@ const EffectComposer = /*#__PURE__*/React.memo( /*#__PURE__*/forwardRef((_ref, r
     const effectComposer = new EffectComposer$2(gl, {
       depthBuffer,
       stencilBuffer,
-      multisampling: isWebGL2Available() ? multisampling : 0,
+      multisampling: multisampling > 0 && isWebGL2Available() ? multisampling : 0,
       frameBufferType
     }); // Add render pass
 
@@ -120,7 +121,12 @@ const EffectComposer = /*#__PURE__*/React.memo( /*#__PURE__*/forwardRef((_ref, r
     return [effectComposer, pass];
   }, [camera, gl, depthBuffer, stencilBuffer, multisampling, frameBufferType, scene, disableNormalPass]);
   useLayoutEffect(() => composer == null ? void 0 : composer.setSize(size.width, size.height), [composer, size]);
-  useFrame((_, delta) => void (gl.autoClear = autoClear, composer.render(delta)), renderPriority);
+  useFrame((_, delta) => {
+    if (enabled) {
+      gl.autoClear = autoClear;
+      composer.render(delta);
+    }
+  }, enabled ? renderPriority : 0);
   const group = useRef(null);
   useLayoutEffect(() => {
     let effectPass;
@@ -129,7 +135,7 @@ const EffectComposer = /*#__PURE__*/React.memo( /*#__PURE__*/forwardRef((_ref, r
       effectPass = new EffectPass(camera, ...group.current.__r3f.objects);
       composer.addPass(effectPass);
       effectPass.renderToScreen = true;
-      if (normalPass) normalPass.enabled = false;
+      if (normalPass) normalPass.enabled = true;
     }
 
     return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/postprocessing",
-  "version": "2.1.3",
+  "version": "2.1.6",
   "description": "postprocessing wrapper for React and @react-three/fiber",
   "keywords": [
     "postprocessing",
@@ -38,7 +38,7 @@
     "typegen": "tsc --emitDeclarationOnly || true"
   },
   "dependencies": {
-    "postprocessing": "^6.24.0",
+    "postprocessing": "^6.24.1",
     "react-merge-refs": "^1.1.0",
     "three-stdlib": "^2.8.6"
   },