@react-three/postprocessing 2.14.4 → 2.14.5

package/dist/effects/Glitch.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Vector2 } from 'three';
 import { GlitchEffect, GlitchMode } from 'postprocessing';
 import { ReactThreeFiber } from '@react-three/fiber';
 export type GlitchProps = ConstructorParameters<typeof GlitchEffect>[0] & Partial<{
@@ -11,10 +12,10 @@ export type GlitchProps = ConstructorParameters<typeof GlitchEffect>[0] & Partia
 }>;
 export declare const Glitch: import("react").ForwardRefExoticComponent<{
     blendFunction?: import("postprocessing").BlendFunction | undefined;
-    chromaticAberrationOffset?: import("three").Vector2 | undefined;
-    delay?: import("three").Vector2 | undefined;
-    duration?: import("three").Vector2 | undefined;
-    strength?: import("three").Vector2 | undefined;
+    chromaticAberrationOffset?: Vector2 | undefined;
+    delay?: Vector2 | undefined;
+    duration?: Vector2 | undefined;
+    strength?: Vector2 | undefined;
     perturbationMap?: import("three").Texture | undefined;
     dtSize?: number | undefined;
     columns?: number | undefined;

package/dist/index.cjs

@@ -315,7 +315,8 @@ const Glitch = React.forwardRef(function Glitch({ active = true, ...props }, ref
     const delay = useVector2(props, 'delay');
     const duration = useVector2(props, 'duration');
     const strength = useVector2(props, 'strength');
-    const effect = React.useMemo(() => new postprocessing.GlitchEffect({ ...props, delay, duration, strength }), [delay, duration, props, strength]);
+    const chromaticAberrationOffset = useVector2(props, 'chromaticAberrationOffset');
+    const effect = React.useMemo(() => new postprocessing.GlitchEffect({ ...props, delay, duration, strength, chromaticAberrationOffset }), [delay, duration, props, strength, chromaticAberrationOffset]);
     React.useLayoutEffect(() => {
         effect.mode = active ? props.mode || postprocessing.GlitchMode.SPORADIC : postprocessing.GlitchMode.DISABLED;
         invalidate();

package/dist/index.js

@@ -295,7 +295,8 @@ const Glitch = forwardRef(function Glitch({ active = true, ...props }, ref) {
     const delay = useVector2(props, 'delay');
     const duration = useVector2(props, 'duration');
     const strength = useVector2(props, 'strength');
-    const effect = useMemo(() => new GlitchEffect({ ...props, delay, duration, strength }), [delay, duration, props, strength]);
+    const chromaticAberrationOffset = useVector2(props, 'chromaticAberrationOffset');
+    const effect = useMemo(() => new GlitchEffect({ ...props, delay, duration, strength, chromaticAberrationOffset }), [delay, duration, props, strength, chromaticAberrationOffset]);
     useLayoutEffect(() => {
         effect.mode = active ? props.mode || GlitchMode.SPORADIC : GlitchMode.DISABLED;
         invalidate();

package/package.json

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