Cannot read properties of null (reading 'useRef')

Not sure this is the correct place to ask, but I have some issues with using Moti when building both to simulator and to real device.

Specs:

• MacBook Pro 2021 (M1 processor)
• React: 17.0.2
• React Native: 0.66.0
• Moti: 0.17.1

The app crashes with an error saying:

• “Cannot read properties of null (reading ‘useRef’)”
• “Cannot read properties of null (reading ‘useContext’)”

It seems to be related to AnimatePresence. When looking into the code it seems like it’s coming from: node_modules/@motify/core/node_modules/react/cjs/react.development.js (Row: 1623)

Worth mentioning is that it work for me previously, but I did a clean install of the repo and since then this issue keeps occuring.

Tried what I could think of:

• rm -rf node_modules/
• pod deintegrate
• npm i
• pod install
• Making sure that all metro bundlers are closed
• Clean build folder
• Turning of remote debugging
• npm cache clear --force
• npm start

[Niklas-Liljendahl]

Managed to get it to work with: npm i --legacy-peer-deps

Thanks a lot!

[nandorojo]

Yeah I see. So your version of npm automatically installs peer deps. if you use the npm legacy peer deps feature it should fix it. or, set a resolution of react to 17.0.2 inside or your package.json.

Plainly, you should only use one version. Using yarn would also solve this.

npm i --legacy-peer-deps

Or, in your root package.json, add a resolution:

{
  "resolutions": { "react": "17.0.2" }
}

If you do this, you need to use yarn (or install an npm tool to do it for you). Make sure you set 17.0.2 to whichever version you actually want to use.