fix warning by adding key to XRScreenInputs, XRGazes, and XRTransient…

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