fix "useXRInputSourceStateContext can only be used ..." for XRTransie…

…ntPointers, XRGazes, and XRScreenInputs
pmndrs · Nov 10, 2024 · 3a75921 · 3a75921
1 parent feb2a37
commit 3a75921
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/packages/react/xr/src/elements.tsx b/packages/react/xr/src/elements.tsx
@@ -125,17 +125,17 @@ function XRTransientPointers() {
           return null
         }
         return (
-          <XRSpace key={objectToKey(state)} space="target-ray-space">
-            <xrInputSourceStateContext.Provider value={state}>
+          <xrInputSourceStateContext.Provider value={state}>
+            <XRSpace key={objectToKey(state)} space="target-ray-space">
               <Suspense>
                 {typeof ResolvedImpl === 'function' ? (
                   <ResolvedImpl />
                 ) : (
                   <DefaultXRTransientPointer {...ResolvedImpl} />
                 )}
               </Suspense>
-            </xrInputSourceStateContext.Provider>
-          </XRSpace>
+            </XRSpace>
+          </xrInputSourceStateContext.Provider>
         )
       })}
     </>
@@ -152,17 +152,17 @@ function XRGazes() {
     <>
       {gazeStates.map((state) => {
         return (
-          <XRSpace key={objectToKey(state)} space="target-ray-space">
-            <xrInputSourceStateContext.Provider value={state}>
+          <xrInputSourceStateContext.Provider value={state}>
+            <XRSpace key={objectToKey(state)} space="target-ray-space">
               <Suspense>
                 {typeof Implementation === 'function' ? (
                   <Implementation />
                 ) : (
                   <DefaultXRGaze {...spreadable(Implementation)} />
                 )}
               </Suspense>
-            </xrInputSourceStateContext.Provider>
-          </XRSpace>
+            </XRSpace>
+          </xrInputSourceStateContext.Provider>
         )
       })}
     </>
@@ -179,17 +179,17 @@ function XRScreenInputs() {
     <>
       {screenInputStates.map((state) => {
         return (
-          <XRSpace key={objectToKey(state)} space="target-ray-space">
-            <xrInputSourceStateContext.Provider value={state}>
+          <xrInputSourceStateContext.Provider value={state}>
+            <XRSpace key={objectToKey(state)} space="target-ray-space">
               <Suspense>
                 {typeof Implementation === 'function' ? (
                   <Implementation />
                 ) : (
                   <DefaultXRScreenInput {...spreadable(Implementation)} />
                 )}
               </Suspense>
-            </xrInputSourceStateContext.Provider>
-          </XRSpace>
+            </XRSpace>
+          </xrInputSourceStateContext.Provider>
         )
       })}
     </>