fix(types): make args optional in EffectProps

Author: CodyJasonBennett

src/effects/Bloom.tsx

@@ -3,5 +3,4 @@ import { wrapEffect } from '../util'
 
 export const Bloom = /* @__PURE__ */ wrapEffect(BloomEffect, {
   blendFunction: BlendFunction.ADD,
-  args: [],
 })

src/effects/Noise.tsx

@@ -1,4 +1,4 @@
 import { NoiseEffect, BlendFunction } from 'postprocessing'
 import { wrapEffect } from '../util'
 
-export const Noise = /* @__PURE__ */ wrapEffect(NoiseEffect, { blendFunction: BlendFunction.COLOR_DODGE, args: [] })
+export const Noise = /* @__PURE__ */ wrapEffect(NoiseEffect, { blendFunction: BlendFunction.COLOR_DODGE })

src/effects/ScanlineEffect.tsx

@@ -4,5 +4,4 @@ import { wrapEffect } from '../util'
 export const Scanline = /* @__PURE__ */ wrapEffect(ScanlineEffect, {
   blendFunction: BlendFunction.OVERLAY,
   density: 1.25,
-  args: [],
 })

src/effects/TiltShift.tsx

@@ -1,4 +1,4 @@
 import { TiltShiftEffect, BlendFunction } from 'postprocessing'
 import { wrapEffect } from '../util'
 
-export const TiltShift = /* @__PURE__ */ wrapEffect(TiltShiftEffect, { blendFunction: BlendFunction.ADD, args: [] })
+export const TiltShift = /* @__PURE__ */ wrapEffect(TiltShiftEffect, { blendFunction: BlendFunction.ADD })

src/effects/TiltShift2.tsx

@@ -87,4 +87,4 @@ export class TiltShiftEffect extends Effect {
   }
 }
 
-export const TiltShift2 = /* @__PURE__ */ wrapEffect(TiltShiftEffect, { blendFunction: BlendFunction.NORMAL, args: [] })
+export const TiltShift2 = /* @__PURE__ */ wrapEffect(TiltShiftEffect, { blendFunction: BlendFunction.NORMAL })

src/effects/Water.tsx

@@ -32,5 +32,4 @@ export class WaterEffectImpl extends Effect {
 
 export const WaterEffect = /* @__PURE__ */ wrapEffect(WaterEffectImpl, {
   blendFunction: BlendFunction.NORMAL,
-  args: [],
 })

src/util.tsx

@@ -2,16 +2,14 @@ import React, { RefObject } from 'react'
 import { Vector2 } from 'three'
 import * as THREE from 'three'
 import { type ReactThreeFiber, type ThreeElement, extend, useThree } from '@react-three/fiber'
-import type { Effect, BlendFunction } from 'postprocessing'
+import type { Effect, Pass, BlendFunction } from 'postprocessing'
 
 export const resolveRef = <T,>(ref: T | React.RefObject<T>) =>
   typeof ref === 'object' && ref != null && 'current' in ref ? ref.current : ref
 
-export type EffectConstructor = new (...args: any[]) => Effect
+export type EffectConstructor = new (...args: any[]) => Effect | Pass
 
-export type EffectProps<T extends EffectConstructor> = ThreeElement<
-  T extends Function ? T['prototype'] : InstanceType<T>
-> &
+export type EffectProps<T extends EffectConstructor> = ThreeElement<T> &
   ConstructorParameters<T>[0] & {
     blendFunction?: BlendFunction
     opacity?: number
@@ -31,7 +29,7 @@ export const wrapEffect = <T extends EffectConstructor>(effect: T, defaults?: Ef
 
     const camera = useThree((state) => state.camera)
     const args = React.useMemo(
-      () => [...((defaults?.args ?? []) as any[]), ...((props.args ?? [{ ...defaults, ...props }]) as any[])],
+      () => [...(defaults?.args ?? []), ...(props.args ?? [{ ...defaults, ...props }])],
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [JSON.stringify(props)]
     )