chore: painfully trying to fix TS

Author: abernier

src/effects/ChromaticAberration.tsx

@@ -1,5 +1,5 @@
 import { ChromaticAberrationEffect } from 'postprocessing'
 import { type EffectProps, wrapEffect } from '../util'
 
-export type ChromaticAberrationProps = EffectProps<typeof ChromaticAberrationEffect>
+export type ChromaticAberrationProps = EffectProps<ChromaticAberrationEffect>
 export const ChromaticAberration = wrapEffect(ChromaticAberrationEffect)

src/effects/LensFlare.tsx

@@ -540,7 +540,7 @@ export const LensFlare = ({
   const [projectedPosition] = useState(() => new THREE.Vector3())
   const [mouse2d] = useState(() => new THREE.Vector2())
 
-  const ref = useRef<LensFlareEffect>(null!)
+  const ref = useRef<LensFlareEffect>(null)
 
   useFrame((_, delta) => {
     if (!ref?.current) return

src/util.tsx

@@ -7,21 +7,21 @@ import type { Effect, BlendFunction } from 'postprocessing'
 export const resolveRef = <T,>(ref: T | React.MutableRefObject<T>) =>
   typeof ref === 'object' && ref != null && 'current' in ref ? ref.current : ref
 
-export type EffectConstructor = new (...args: any[]) => Effect
+type Constructor<T = {}> = new (...args: any[]) => T
 
-export type EffectProps<T extends EffectConstructor> = ReactThreeFiber.Node<
-  T extends Function ? T['prototype'] : InstanceType<T>,
+export type EffectProps<T extends Effect> = ReactThreeFiber.Node<
+  T extends Function ? T['prototype'] : InstanceType<Constructor<T>>,
   T
 > &
-  ConstructorParameters<T>[0] & {
+  ConstructorParameters<Constructor<T>>[0] & {
     blendFunction?: BlendFunction
     opacity?: number
   }
 
 let i = 0
-const components = new WeakMap<EffectConstructor, React.ExoticComponent<any> | string>()
+const components = new WeakMap<Constructor, React.ExoticComponent<any> | string>()
 
-export const wrapEffect = <T extends EffectConstructor>(effect: T, defaults?: EffectProps<T>) =>
+export const wrapEffect = <T extends Effect>(effect: Constructor<T>, defaults?: EffectProps<T>) =>
   /* @__PURE__ */ React.forwardRef<T, EffectProps<T>>(function Effect(
     { blendFunction = defaults?.blendFunction, opacity = defaults?.opacity, ...props },
     ref