Hi there!
We’ve just upgraded our Expo app from V29 to V32, going step-by-step as the docs advised. We’re using create-react-native-app with typescript.
The app loads fine on both iOS and Android when I run the project on my laptop, but when my colleague runs the project from the same branch on his machine, the same iOS and Android devices can’t load the app.
Getting the error:
TypeError: undefined is not an object (evaluating ‘_this._setComponentRef.bind’)
and → This error is located at: in AnimatedComponent … and in several other components.
I found this issue (typeerror-undefined, but running yarn start --reset-cache and even restarting the laptop doesn’t help.
Does anybody know what might be going on?
package.json:
{
"name": "xxxxx",
"version": "1.2.0",
"private": true,
"devDependencies": {
"@types/jest": "^23.3.1",
"@types/node": "^8.0.0",
"@types/react": "^16.3.11",
"@types/react-native": "^0.57.38",
"@types/react-navigation": "^2.0.19",
"babel-preset-expo": "^5.0.0",
"concurrently": "^4.1.0",
"expo-cli": "^2.6.5",
"husky": "^1.2.0",
"jest-expo": "^32.0.0",
"prettier": "^1.15.3",
"react-test-renderer": "^16.2.0",
"reactotron-react-native": "^2.1.0",
"reactotron-redux": "^2.1.0",
"rimraf": "^2.6.2",
"tslint": "^5.7.0",
"tslint-config-prettier": "^1.17.0",
"typescript": "^3.3.3333"
},
"main": "./node_modules/expo/AppEntry.js",
"scripts": {
"clean": "rimraf artifacts",
"build": "npm run clean && tsc",
"start": "npm run clean && concurrently --kill-others \"tsc --watch\" \"expo start\"",
"eject": "expo eject",
"android": "expo android",
"ios": "expo ios",
"test": "node_modules/.bin/jest",
"ci": "npm run build && npm run test",
"lint": "tslint --project .",
"format": "prettier --write 'src/**/*.ts*'",
"check-format": "prettier -l 'src/**/*.ts*'"
},
"dependencies": {
"expo": "^32.0.0",
"expo-pixi": "^0.3.1",
"moment": "^2.18.1",
"react": "16.5.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
"react-native-autolink": "^1.4.0",
"react-native-popup-dialog": "^0.15.0",
"react-native-swiper": "^1.5.13",
"react-navigation": "^2.9.3",
"react-navigation-redux-helpers": "^2.0.5",
"react-redux": "^5.0.6",
"redux": "^4.0.0",
"redux-thunk": "^2.2.0",
"sentry-expo": "^1.11.2",
"ts-jest": "^24.0.0",
"uuid": "^3.1.0"
},
"husky": {
"hooks": {
"pre-push": "concurrently --kill-others-on-fail \"npm run lint\" \"npm run check-format\" \"npm run ci\""
}
}
}
and babel.config.js:
module.exports = {
plugins: [
'@babel/plugin-transform-react-jsx-source',
'@babel/plugin-proposal-class-properties',
],
presets: ['babel-preset-expo'],
}