fix: no x,y properties on some uniforms (just arrays)

Author: abernier

src/effects/LensFlare.tsx

@@ -480,15 +480,13 @@ export const LensFlare = forwardRef<LensFlareEffect, LensFlareProps>(
       let target = 1
 
       if (followMouse) {
-        uLensPosition.value.x = pointer.x
-        uLensPosition.value.y = pointer.y
+        uLensPosition.value = [pointer.x, pointer.y]
         target = 0
       } else {
         projectedPosition.copy(position).project(camera)
         if (projectedPosition.z > 1) return
 
-        uLensPosition.value.x = projectedPosition.x
-        uLensPosition.value.y = projectedPosition.y
+        uLensPosition.value = [projectedPosition.x, projectedPosition.y]
 
         mouse2d.set(projectedPosition.x, projectedPosition.y)
         raycaster.setFromCamera(mouse2d, camera)
@@ -518,8 +516,7 @@ export const LensFlare = forwardRef<LensFlareEffect, LensFlareProps>(
     useEffect(() => {
       const screenRes = effect.uniforms.get('screenRes')
       if (screenRes) {
-        screenRes.value.x = viewport.width
-        screenRes.value.y = viewport.height
+        screenRes.value = [viewport.width, viewport.height]
       }
     }, [effect, viewport])