Hi Intercom
I installed @intercom/intercom-react-native with my expo sdk, working on iOS.
I used expo prebuild to be able to add intercom following the installation instruction provided for iOS, and it’s working correctly using iOS simulator or a dev environment.
But when we distributed the release using Testflight, the app crash while initializing Intercom. It is not happening when we deactivate intercom.
Please find below my settings :
Package.json
{
"dependencies": {
"@expo/webpack-config": "^0.17.2",
"@gorhom/bottom-sheet": "^4",
"@hookform/resolvers": "^2.9.10",
"@intercom/intercom-react-native": "^5.1.0",
"@notifee/react-native": "^7.8.0",
"@react-native-async-storage/async-storage": "^1.17.11",
"@react-native-community/datetimepicker": "6.5.2",
"@react-native-firebase/app": "18.0.0",
"@react-native-firebase/messaging": "18.0.0",
"@react-navigation/material-bottom-tabs": "^6.2.15",
"@react-navigation/native": "^6.1.1",
"@react-navigation/native-stack": "6.6.1",
"@reduxjs/toolkit": "^1.9.1",
"@shopify/flash-list": "1.3.1",
"@shopify/react-native-skia": "0.1.192",
"@types/react": "~18.0.24",
"@types/react-native": "~0.70.6",
"axios": "1.2.1",
"config-plugin-react-native-intercom": "^1.10.1",
"date-fns": "^2.29.3",
"expo": "~47.0.14",
"expo-build-properties": "~0.4.1",
"expo-camera": "~13.1.0",
"expo-dev-client": "~2.0.1",
"expo-image-picker": "~14.0.2",
"expo-splash-screen": "~0.17.5",
"expo-status-bar": "~1.4.2",
"expo-system-ui": "~2.0.1",
"expo-updates": "~0.15.6",
"i18n": "^0.15.1",
"i18next": "^21.9.2",
"intl": "^1.2.5",
"luxon": "^3.2.1",
"react": "18.1.0",
"react-dom": "18.1.0",
"react-hook-form": "7.44.3",
"react-i18next": "^11.18.6",
"react-native": "0.70.8",
"react-native-animated-splash-screen": "^2.0.5",
"react-native-dotenv": "^3.4.7",
"react-native-gesture-handler": "~2.9.0",
"react-native-gifted-chat": "^2.0.1",
"react-native-otp-textinput": "^1.0.1",
"react-native-paper": "^5.8.0",
"react-native-reanimated": "~3.1.0",
"react-native-render-html": "^6.3.4",
"react-native-safe-area-context": "4.5.1",
"react-native-screens": "~3.20.0",
"react-native-signature-canvas": "^4.5.0",
"react-native-skia-gesture": "^0.1.7",
"react-native-svg": "13.4.0",
"react-native-vector-icons": "^9.2.0",
"react-native-web": "~0.18.9",
"react-native-webview": "11.23.1",
"react-native-wheely": "^0.6.0",
"react-redux": "^8.0.5",
"styled-components": "^5.3.6",
"thenby": "^1.3.4",
"typescript": "^4.6.3",
"yup": "^0.32.11"
},
"devDependencies": {
"@babel/core": "^7.12.9",
"@babel/plugin-proposal-export-namespace-from": "^7.18.9",
"@changesets/cli": "^2.26.0",
"@types/luxon": "^3.2.0",
"babel-plugin-module-resolver": "^4.1.0",
"babel-plugin-transform-inline-environment-variables": "^0.4.4",
"eslint": "^7.20.0",
"eslint-config-airbnb": "^18.2.1",
"eslint-config-prettier": "^8.3.0",
"eslint-import-resolver-typescript": "^2.4.0",
"eslint-plugin-i18next": "^6.0.0-2",
"eslint-plugin-import": "^2.22.1",
"eslint-plugin-jsx-a11y": "^6.4.1",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-react": "^7.22.0",
"eslint-plugin-react-hooks": "^4.2.0",
"eslint-plugin-react-i18n": "^1.0.3",
"eslint-plugin-unused-imports": "^1.1.5",
"i18next-scanner": "^4.0.0",
"prettier": "2.2.1",
"swagger-typescript-api": "^12.0.2"
},
"resolutions": {
"@react-native-firebase/messaging": "18.0.0",
"@types/react": "~18.0.24",
"@babel/core": "^7.20.2",
"babel-loader": "^8.3.0"
},
"private": true
}
podfile:
- Intercom (15.0.1)
- intercom-react-native (5.1.1):
- Intercom (~> 15.0.0)
- React-Core
javascript
import { useEffect, useState } from 'react'
import Intercom, { UserAttributes } from '@intercom/intercom-react-native'
import AsyncStorage from '@react-native-async-storage/async-storage'
export const useIntercom = (intercomUser?: UserAttributes, enabled: boolean = true) => {
const connect = async () => {
try {
await Intercom.logout()
const response = await Intercom.loginUserWithUserAttributes(intercomUser)
console.log('call intercom', response)
setIsConnected(response)
Intercom.getUnreadConversationCount().then((value) => {
console.log('new message from intercom', value)
setUnreadMessages(value)
})
} catch (error) {
console.log('error', error)
}
}
useEffect(() => {
if (isConnected) {
console.log('intercom connected')
return
}
if (enabled) {
connect()
}
}, [intercomUser, isConnected, enabled])
}
And here is the log error

its only happening when intercom is activate, if not, the app works correctly.
Can you help us on this, thanks in advance for your help