Before opening, please confirm:
JavaScript Framework
React Native
Amplify APIs
Push Notifications
Amplify Categories
notifications
Environment information
# Put output below this line
Describe the bug
I am getting the below mentioned error while installing the @aws-amplify/rtn-push-notification package for push notification.
Error: Can't determine type for tag '?attr/shapeAppearanceCornerSmall'
below i have given my package.json
{
"name": "DigiYatra",
"version": "3.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native --openssl-legacy-provider start",
"test": "jest",
"lint": "eslint ."
},
"dependencies": {
"@aws-amplify/ui-react": "^2.9.0",
"@bam.tech/react-native-image-resizer": "^3.0.4",
"@gorhom/bottom-sheet": "^4.1.5",
"@openspacelabs/react-native-zoomable-view": "^2.1.1",
"@react-icons/all-files": "^4.1.0",
"@react-native-async-storage/async-storage": "^1.19.4",
"@react-native-community/art": "^1.2.0",
"@react-native-community/checkbox": "^0.5.12",
"@react-native-community/clipboard": "^1.5.1",
"@react-native-community/geolocation": "^3.0.4",
"@react-native-community/masked-view": "^0.1.11",
"@react-native-community/netinfo": "^8.3.1",
"@react-native-community/toolbar-android": "^0.2.1",
"@react-native-firebase/app": "^15.3.0",
"@react-native-firebase/crashlytics": "^15.3.0",
"@react-native-material/core": "^1.3.7",
"@react-native-picker/picker": "^2.3.1",
"@react-navigation/bottom-tabs": "^6.5.8",
"@react-navigation/core": "^6.1.1",
"@react-navigation/drawer": "^6.5.6",
"@react-navigation/material-bottom-tabs": "^6.1.1",
"@react-navigation/native": "^6.1.2",
"@react-navigation/native-stack": "^6.9.8",
"@types/react-native-phone-input": "^0.2.2",
"@types/react-native-snap-carousel": "^3.8.5",
"add": "^2.0.6",
"amazon-cognito-identity-js": "^5.2.14",
"aws-amplify": "^4.3.46",
"aws-amplify-react-native": "^6.0.3",
"base-64": "^1.0.0",
"bootstrap": "^5.2.3",
"list": "^2.0.19",
"lottie-react-native": "^5.0.1",
"material-ui-community-icons": "^0.15.0",
"moment": "^2.29.4",
"native-base": "^3.4.3",
"newrelic-react-native-agent": "^1.2.1",
"or": "^0.2.0",
"pdf-to-base64": "^1.0.3",
"pdf-to-png-converter": "^2.6.0",
"pdf2pic": "^2.1.4",
"react": "17.0.2",
"react-icons": "^4.3.1",
"react-native": "0.67.3",
"react-native-app-intro-slider": "^4.0.4",
"react-native-barcode-builder": "^2.0.0",
"react-native-barcode-creator": "^0.1.4",
"react-native-base64": "^0.2.1",
"react-native-bootstrap-styles": "^4.5.0-r",
"react-native-btr": "^2.1.2",
"react-native-camera": "^4.2.1",
"react-native-confirmation-code-field": "^7.3.0",
"react-native-confirmation-code-input": "^1.0.4",
"react-native-countdown-component": "^2.7.1",
"react-native-device-info": "^10.2.1",
"react-native-dialog": "^9.2.1",
"react-native-document-picker": "^8.2.0",
"react-native-element-dropdown": "^2.10.0",
"react-native-elements": "^3.4.2",
"react-native-encrypted-storage": "^4.0.2",
"react-native-event-listener": "^1.0.2",
"react-native-event-listeners": "^1.0.7",
"react-native-fs": "^2.20.0",
"react-native-gesture-handler": "^2.9.0",
"react-native-get-random-values": "^1.9.0",
"react-native-image-base64": "^0.1.4",
"react-native-image-crop-picker": "^0.37.3",
"react-native-image-filter-kit": "^0.8.0",
"react-native-image-picker": "^4.10.3",
"react-native-image-zoom-viewer": "^3.0.1",
"react-native-in-app-review": "^4.2.1",
"react-native-inappbrowser-reborn": "^3.6.3",
"react-native-linear-gradient": "^2.5.6",
"react-native-local-mongodb": "^4.0.0",
"react-native-modal": "^13.0.1",
"react-native-navigation-drawer": "^1.2.2",
"react-native-nfc-manager": "^3.14.8",
"react-native-otp-auto-fill": "^0.1.17",
"react-native-otp-verify": "^1.1.6",
"react-native-paper": "^4.11.2",
"react-native-pdf-thumbnail": "^1.2.1",
"react-native-pdf-to-image": "^3.0.2",
"react-native-permissions": "^3.3.1",
"react-native-phone-number-input": "^2.1.0",
"react-native-popup-dialog": "^0.18.3",
"react-native-popup-menu": "^0.16.1",
"react-native-progress-bar": "^0.1.2",
"react-native-qrcode-svg": "^6.2.0",
"react-native-radio-buttons-group": "^3.0.3",
"react-native-raw-bottom-sheet": "^2.2.0",
"react-native-reanimated": "^2.17.0",
"react-native-redash": "^18.1.0",
"react-native-responsive-dimensions": "^3.1.1",
"react-native-responsive-fontsize": "^0.5.1",
"react-native-responsive-screen": "^1.4.2",
"react-native-saf-x": "^0.5.3",
"react-native-safe-area-context": "^4.2.4",
"react-native-screens": "^3.18.2",
"react-native-sha256": "^1.4.7",
"react-native-shared-preferences": "^1.0.2",
"react-native-side-menu": "^1.1.3",
"react-native-side-menu-updated": "^1.3.2",
"react-native-snap-carousel": "^3.9.1",
"react-native-sqlite-storage": "^6.0.1",
"react-native-svg": "^13.14.0",
"react-native-tab-navigator": "^0.3.4",
"react-native-timer": "^1.3.6",
"react-native-toast-message": "^2.1.3",
"react-native-touch-id": "^4.4.1",
"react-native-url-polyfill": "^2.0.0",
"react-native-uuid": "^2.0.1",
"react-native-vector-icons": "^9.1.0",
"react-native-version-check": "^3.4.3",
"react-native-video": "^5.2.1",
"react-native-vision-camera": "^2.15.2",
"react-native-walkthrough-tooltip": "^1.3.1",
"react-native-weather-api": "^3.4.0",
"react-native-webview": "^11.26.1",
"react-native-xml2js": "^1.0.3",
"react-native-zip-archive": "^6.0.8",
"react-navigation": "^4.4.4",
"react-navigation-stack": "^2.10.4",
"react-phone-number-input": "^3.1.47",
"react-redux": "^8.1.2",
"react-responsive-carousel": "^3.2.23",
"reanimated-bottom-sheet": "^1.0.0-alpha.22",
"redux": "^4.2.1",
"redux-persist": "^6.0.0",
"regex": "^0.1.1",
"rn-fetch-blob": "^0.12.0",
"sp-react-native-in-app-updates": "^1.2.0",
"vision-camera-face-detector": "^0.1.8",
"watchman": "^1.0.0",
"yarn": "^1.22.17"
},
"devDependencies": {
"@babel/core": "7.17.5",
"@babel/runtime": "7.17.2",
"@react-native-community/eslint-config": "2.0.0",
"@types/react": "^17.0.43",
"@types/react-native": "^0.67.3",
"babel-jest": "26.6.3",
"babel-plugin-transform-remove-console": "^6.9.4",
"eslint": "7.14.0",
"jest": "26.6.3",
"metro-react-native-babel-preset": "0.66.2",
"react-native-progress-steps": "^1.3.4",
"react-native-typescript-transformer": "^1.2.13",
"react-test-renderer": "17.0.2",
"typescript": "^4.6.3"
},
"jest": {
"preset": "react-native",
"transformIgnorePatterns": [
"node_modules/(?!@react-native|react-native|newrelic-react-native-agent)"
]
}
}
Expected behavior
App is not running and giving the mentioned error message
Reproduction steps
I have installed the @aws-amplify/rtn-push-notification and the app stops running
Code Snippet
// Put your code below this line.
Log output
// Put your logs below this line
aws-exports.js
No response
Manual configuration
No response
Additional configuration
No response
Mobile Device
No response
Mobile Operating System
No response
Mobile Browser
No response
Mobile Browser Version
No response
Additional information and screenshots
No response
Hello, @vishnulanka-dataevolve and apologies on the delayed response! It looks like you're using the previous major version of Amplify with the latest version of Push Notifications. Can you see if upgrading to the most recent version for your @aws-amplify package resolves the issue?
In building a new app with push notifications implemented, I wasn't able to reproduce the issues on the latest major version of Amplify (v5.x). You may also need to delete your node_modules folder and package-lock.json, then reinstall the dependences with npm install. If none of this works, then can you also share your full package.json please? Thanks!