react-native-crisp-chat-sdk
react-native-crisp-chat-sdk copied to clipboard
Chat not showing up on Android while working fine on iOS
Hello,
Crisp Chat was working just fine on both android and iOS until recently (I can't precisely identify the moment where it stop working on Android, but my guess is that it relates to the upgrade of Expo I performed from 48 to 50 with many libraries upgrades). There is no errors, the chat is just not showing up.
Video of the issue in Simulators (same behaviour on real devices)
https://github.com/walterholohan/react-native-crisp-chat-sdk/assets/1516110/b3c4f700-88eb-4fc1-a33d-5665ca171406
My support page code :
...
import CrispChat, { show, setSessionString, setUserEmail, setUserNickname } from 'react-native-crisp-chat-sdk';
...
export default function Support({ navigation }: any) {
const { t } = useTranslation();
const { data, loading, error } = useQuery(CURRENT_USER, {
onCompleted: (data) => {
if (data.currentUser) {
setUserEmail(data.currentUser.email);
setUserNickname(data.currentUser.displayName);
if (data.currentUser.currentGroupId) {
setSessionString('currentGroupId', data.currentUser.currentGroupId);
}
if (data.currentUser.currentGroupRole) {
setSessionString('currentGroupRole', data.currentUser.currentGroupRole);
}
}
}
});
return (
<View style={formStyles.container}>
{ !data ? (
<ActivityIndicator animating={true} />
) : (
<>
<Button mode="contained" onPress={() => navigation.goBack()}>{ t('support.back.button') }</Button>
<CrispChat />
</>
)}
</View>
)
}
My dependencies :
"dependencies": {
"@apollo/client": "^3.6.5",
"@expo/webpack-config": "~19.0.1",
"@formatjs/intl-getcanonicallocales": "^2.3.0",
"@formatjs/intl-listformat": "^7.5.5",
"@formatjs/intl-locale": "^3.4.5",
"@react-native-async-storage/async-storage": "1.21.0",
"@react-native-community/masked-view": "^0.1.11",
"@react-native-community/netinfo": "11.1.0",
"@react-native-firebase/analytics": "^16.4.3",
"@react-native-firebase/app": "^16.4.3",
"@react-native-firebase/crashlytics": "^16.4.3",
"@react-native-firebase/perf": "^16.4.3",
"@react-native-google-signin/google-signin": "^10.1.1",
"@react-native-picker/picker": "2.6.1",
"@react-navigation/drawer": "^6.1.8",
"@react-navigation/native": "^6.0.6",
"@react-navigation/stack": "^6.0.11",
"aws-sdk": "^2.1057.0",
"expo": "^50.0.17",
"expo-apple-authentication": "~6.3.0",
"expo-blur": "~12.9.2",
"expo-build-properties": "~0.11.1",
"expo-dev-client": "~3.3.11",
"expo-file-system": "~16.0.9",
"expo-image-loader": "~4.6.0",
"expo-image-picker": "~14.7.1",
"expo-linking": "~6.2.2",
"expo-localization": "~14.8.4",
"expo-media-library": "~15.9.2",
"expo-splash-screen": "~0.26.5",
"expo-status-bar": "~1.11.1",
"expo-store-review": "~6.8.3",
"expo-updates": "~0.24.12",
"graphql": "^16.0.1",
"i18next": "^23.10.1",
"imagekit-javascript": "^2.0.0",
"intl": "^1.2.5",
"joi": "^17.6.0",
"lodash": "^4.17.21",
"newrelic-react-native-agent": "^1.3.5",
"react": "18.2.0",
"react-async": "^10.0.1",
"react-dom": "18.2.0",
"react-i18next": "^14.1.0",
"react-native": "0.73.6",
"react-native-appsflyer": "^6.14.3",
"react-native-crisp-chat-sdk": "^0.14.1",
"react-native-dotenv": "^3.3.0",
"react-native-expo-image-cache": "^4.1.0",
"react-native-gesture-handler": "~2.14.0",
"react-native-get-random-values": "~1.8.0",
"react-native-image-zoom-viewer": "^3.0.1",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-multi-selectbox": "^1.5.0",
"react-native-pager-view": "6.2.3",
"react-native-paper": "^5.12.3",
"react-native-paper-dates": "^0.22.3",
"react-native-paper-tabs": "^0.10.4",
"react-native-purchases": "^7.4.0",
"react-native-reanimated": "~3.6.2",
"react-native-safe-area-context": "4.8.2",
"react-native-screens": "~3.29.0",
"react-native-svg": "14.1.0",
"react-native-url-polyfill": "^2.0.0",
"react-native-vector-icons": "^9.1.0",
"react-native-web": "~0.19.6",
"react-native-webview": "13.6.4",
"text-encoding-polyfill": "^0.6.7",
"util": "^0.12.4",
"uuid": "^8.3.2"
},
Thank you.