hide background for AR

pmndrs · Jan 13, 2025 · 182c8fc · 182c8fc
1 parent af3f43c
commit 182c8fc
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/examples/editor/app.tsx b/examples/editor/app.tsx
@@ -1,6 +1,7 @@
 import { Canvas, Color, extend, RootState, useFrame, useThree } from '@react-three/fiber'
 import {
   createXRStore,
+  IfInSessionMode,
   isXRInputSourceState,
   noEvents,
   NotInXR,
@@ -121,10 +122,12 @@ export function App() {
         style={{ width: '100%', flexGrow: 1 }}
       >
         <XR store={store}>
-          <mesh scale={1000}>
-            <meshBasicMaterial side={BackSide} color="black" />
-            <sphereGeometry />
-          </mesh>
+          <IfInSessionMode deny="immersive-ar">
+            <mesh scale={1000}>
+              <meshBasicMaterial side={BackSide} color="black" />
+              <sphereGeometry />
+            </mesh>
+          </IfInSessionMode>
           <group pointerEventsType={{ deny: 'touch' }}>
             <AudioEffects />
             <PointerEvents />