fix: remove use of TS extensions (#322)

Author: CodyJasonBennett

src/effects/Autofocus.tsx

@@ -14,8 +14,8 @@ import { useThree, useFrame, createPortal, type Vector3 } from '@react-three/fib
 import { CopyPass, DepthPickingPass, DepthOfFieldEffect } from 'postprocessing'
 import { easing } from 'maath'
 
-import { DepthOfField } from './DepthOfField.tsx'
-import { EffectComposerContext } from '../EffectComposer.tsx'
+import { DepthOfField } from './DepthOfField'
+import { EffectComposerContext } from '../EffectComposer'
 
 export type AutofocusProps = React.ComponentProps<typeof DepthOfField> & {
   target?: Vector3

src/effects/Bloom.tsx

@@ -1,5 +1,5 @@
 import { BloomEffect, BlendFunction } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const Bloom = /* @__PURE__ */ wrapEffect(BloomEffect, {
   blendFunction: BlendFunction.ADD,

src/effects/BrightnessContrast.tsx

@@ -1,4 +1,4 @@
 import { BrightnessContrastEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const BrightnessContrast = /* @__PURE__ */ wrapEffect(BrightnessContrastEffect)

src/effects/ChromaticAberration.tsx

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

src/effects/ColorDepth.tsx

@@ -1,4 +1,4 @@
 import { ColorDepthEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const ColorDepth = /* @__PURE__ */ wrapEffect(ColorDepthEffect)

src/effects/Depth.tsx

@@ -1,4 +1,4 @@
 import { DepthEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const Depth = /* @__PURE__ */ wrapEffect(DepthEffect)

src/effects/DepthOfField.tsx

@@ -2,7 +2,7 @@ import { DepthOfFieldEffect, MaskFunction } from 'postprocessing'
 import { Ref, forwardRef, useMemo, useEffect, useContext } from 'react'
 import { ReactThreeFiber } from '@react-three/fiber'
 import { type DepthPackingStrategies, type Texture, Vector3 } from 'three'
-import { EffectComposerContext } from '../EffectComposer.tsx'
+import { EffectComposerContext } from '../EffectComposer'
 
 type DOFProps = ConstructorParameters<typeof DepthOfFieldEffect>[1] &
   Partial<{

src/effects/DotScreen.tsx

@@ -1,4 +1,4 @@
 import { DotScreenEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const DotScreen = /* @__PURE__ */ wrapEffect(DotScreenEffect)

src/effects/FXAA.tsx

@@ -1,4 +1,4 @@
 import { FXAAEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const FXAA = /* @__PURE__ */ wrapEffect(FXAAEffect)

src/effects/Glitch.tsx

@@ -2,7 +2,7 @@ import { Vector2 } from 'three'
 import { GlitchEffect, GlitchMode } from 'postprocessing'
 import { Ref, forwardRef, useMemo, useLayoutEffect, useEffect } from 'react'
 import { ReactThreeFiber, useThree } from '@react-three/fiber'
-import { useVector2 } from '../util.tsx'
+import { useVector2 } from '../util'
 
 export type GlitchProps = ConstructorParameters<typeof GlitchEffect>[0] &
   Partial<{