matrixWorldAutoUpdate property missing

Universal AR React for ThreeJS
#1

Hi, I’m trying to start up a new Zappar project with React/3js using typescript, however I keep running into the same issue. I get the error message “Compiled with problems: Error in src/App.tsx:19:10” as well as “Error in src/App.tsx:20:10.” Both issues pertain to the property matrixWorldAutoUpdate missing in components ZapparCamera and FaceTracker, specifically.

A short-term solution was to manually add the prop of matrixWorldAutoUpdate to the components with a value of 1, although I don’t understand the implications of doing this in the long-term.

<ZapparCamera matrixWorldAutoUpdate={1}/>
    <FaceTracker  matrixWorldAutoUpdate={1} ... />

image
image1904×713 185 KB

#2

Hi @maggie.chew.89,

For us to replicate the issue, could you please share the versions of:

  • React
  • React Three Fiber
  • @zappar/zappar-react-three-fiber

Many thanks! :slight_smile:

#3

Definitely can share those. From the package.json (removed “@” in package names so I can post):

    react-three/drei": "^9.23.6",
    react-three/fiber": "^8.6.0",
    types/react-dom": "^18.0.6",
    types/three": "^0.142.0",
    zappar/zappar-react-three-fiber": "^2.1.0",
    "react": "^18.2.0",
    "react-app-rewired": "^2.2.1",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "three": "^0.142.0",
    "typescript": "^4.5.5"
}