fix: voidObjectIntersectionFromRay reading distanceTo of null

examples/uikit/package.json

@@ -2,9 +2,9 @@
     "dependencies": {
         "@pmndrs/pointer-events": "workspace:^",
         "@react-three/drei": "^9.108.3",
-        "@react-three/uikit": "^0.7.0",
-        "@react-three/uikit-default": "^0.7.0",
-        "@react-three/uikit-lucide": "^0.7.0",
+        "@react-three/uikit": "^0.7.1",
+        "@react-three/uikit-default": "^0.7.1",
+        "@react-three/uikit-lucide": "^0.7.1",
         "@react-three/xr": "workspace:^",
         "leva": "^0.9.35"
     },

packages/pointer-events/src/intersections/intersector.ts

@@ -1,9 +1,8 @@
-import { Mesh, Object3D, Sphere, SphereGeometry, Intersection as ThreeIntersection } from 'three'
+import { Mesh, Object3D, Sphere, SphereGeometry } from 'three'
 import { Intersection } from '../index.js'
 import { PointerCapture } from '../pointer.js'
 
-const VoidObjectRadius = 1000000
-export const VoidObjectCollider = new Sphere(undefined, VoidObjectRadius)
+const VoidObjectRadius = 10000000000
 const VoidObjectGeometry = new SphereGeometry(VoidObjectRadius)
 
 const sceneVoidObjectMap = new Map<Object3D, Object3D>()

packages/pointer-events/src/intersections/utils.ts

@@ -1,7 +1,7 @@
 import { Plane, Intersection as ThreeIntersection, Object3D, Vector3, Ray, Quaternion, Matrix4 } from 'three'
 import { Intersection, IntersectionOptions } from './index.js'
 import { AllowedPointerEventsType, Pointer, type AllowedPointerEvents } from '../pointer.js'
-import { getVoidObject, VoidObjectCollider } from './intersector.js'
+import { getVoidObject } from './intersector.js'
 import { listenerNames } from '../event.js'
 
 export function computeIntersectionWorldPlane(
@@ -186,6 +186,8 @@ function defaultSort(
   return i1.distance - i2.distance
 }
 
+const VoidObjectDistance = 10000000
+
 export function voidObjectIntersectionFromRay(
   scene: Object3D,
   ray: Ray,
@@ -194,8 +196,8 @@ export function voidObjectIntersectionFromRay(
   pointerQuaternion: Quaternion,
   addToDistance: number = 0,
 ): Intersection {
-  const point = ray.intersectSphere(VoidObjectCollider, new Vector3())!
-  const distanceOnRay = point.distanceTo(ray.origin)
+  const point = ray.direction.clone().multiplyScalar(VoidObjectDistance)
+  const distanceOnRay = VoidObjectDistance
   return {
     distance: distanceOnRay + addToDistance,
     object: getVoidObject(scene),