isAppleVisionPro fn and make editor work with hand tracking

examples/editor/app.tsx

@@ -79,7 +79,7 @@ const useSceneStore = create(() => ({
 
 const cameraStore = createScreenCameraStore({ rotationY: Math.PI, distance: 0.5 })
 
-const store = createXRStore({ handTracking: false })
+const store = createXRStore()
 
 const buttonStyles: CSSProperties = {
   background: 'white',

packages/react/xr/src/index.ts

@@ -20,3 +20,5 @@ export * from './events.js'
 
 //react-three/xr v5 compatibility layer
 export * from './deprecated/index.js'
+
+export { isAppleVisionPro } from '@pmndrs/xr'

packages/xr/src/init.ts

@@ -1,3 +1,5 @@
+import { isAppleVisionPro } from './misc.js'
+
 export type XRSessionFeatureRequest = 'required' | true | false
 
 export type XRSessionInitOptions = {
@@ -54,7 +56,7 @@ export function buildXRSessionInit(
   domOverlayRoot: Element | undefined,
   {
     anchors = true,
-    handTracking = true,
+    handTracking = isAppleVisionPro() ? false : true,
     layers = true,
     meshDetection = true,
     planeDetection = true,

packages/xr/src/internals.ts

@@ -14,3 +14,4 @@ export * from './hit-test.js'
 export * from './anchor.js'
 export * from './layer.js'
 export * from './controller-locomotion.js'
+export * from './misc.js'

packages/xr/src/misc.ts

@@ -18,3 +18,7 @@ export function isFacingCamera(camera: Camera, object: Object3D, direction: Vect
   //compute the angle between guardToCamera and object world direction
   return vectorHelper.angleTo(directionHelper) < angle / 2
 }
+
+export function isAppleVisionPro() {
+  return navigator.userAgent.includes('Macintosh') && navigator.xr != null
+}