struggling to install @react-three/xr

[Jacky56]

hello all,

Im trying to get @react-three/xr working for expo web but I keep facing issues module issues.

I'm not exactly sure what's the core issue, I tried removing all related files (node_modules, package-lock.json, clear cache) but I can't figure out how to get v6+ working.

I managed to get v5.7.1 working: it doesn't instantly throw errors when loading.

the error:

@pmndrs/xr/internals could not be found within the project or in these directories:
  node_modules\@react-three\xr\node_modules
  node_modules

the code: (can be found in README.md)

import { Canvas } from '@react-three/fiber'
import { XR, createXRStore } from '@react-three/xr'
import { useState } from 'react'

const store = createXRStore()

export function App() {
  const [red, setRed] = useState(false)
  return (
    <>
      <button onClick={() => store.enterAR()}>Enter AR</button>
      <Canvas>
        <XR store={store}>
          <mesh pointerEventsType={{ deny: 'grab' }} onClick={() => setRed(!red)} position={[0, 1, -1]}>
            <boxGeometry />
            <meshBasicMaterial color={red ? 'red' : 'blue'} />
          </mesh>
        </XR>
      </Canvas>
    </>
  )
}

export default App

package.json

{
  "name": "test-app",
  "main": "expo-router/entry",
  "version": "1.0.0",
  "scripts": {
    "start": "expo start --dev-client",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web",
    "test": "jest --watchAll"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "expo": "53.0.22",
    "react": "19.0.0",
    "react-native": "0.79.5",
    ...
    "@react-three/drei": "^10.7.6",
    "@react-three/fiber": "^9.3.0",
    "@react-three/xr": "^6.6.26",
    "@pmndrs/xr": "^6.6.26",
    "three": "^0.180.0",
  },
}

[Jacky56]

any docs for v5.7.1 would be appreciated as well