dd-sdk-reactnative
dd-sdk-reactnative copied to clipboard
Using Pressable component does not add TAP action
Describe the bug
We wanted to add accessibilityLabels to pressable components in our app and some of the UI elements from React Native Elements do add RUM TAP actions when pressed but when pressing React Native's <Pressable/> component with accessibilityLabel set nothing is added.
Reproduction steps
- Set up DD with user interactions tracking and debug level logs.
- Create a RN
<Pressable/>component, set its content andonPresshandler. AddaccessibilityLabelprop. - Tap the button
- No logs appear after tap.
SDK logs
No response
Expected behavior
No response
Affected SDK versions
2.12.1
Latest working SDK version
2.12.1
Did you confirm if the latest SDK version fixes the bug?
No
Integration Methods
NPM
React Native Version
0.76.9
Package.json Contents
"dependencies": {
"@bam.tech/react-native-image-resizer": "3.0.7",
"@datadog/mobile-react-native": "^2.12.1",
"@datadog/mobile-react-navigation": "^2.12.1",
"@emotion/react": "^11.14.0",
"@emotion/styled": "^11.14.0",
"@expo/vector-icons": "^14.0.3",
"@gorhom/bottom-sheet": "^5.1.4",
"@hookform/devtools": "^4.3.1",
"@mui/icons-material": "^6.4.1",
"@mui/material": "^6.4.1",
"@mui/x-date-pickers": "^7.24.0",
"@notifee/react-native": "7.8.2",
"@react-native-async-storage/async-storage": "1.23.1",
"@react-native-clipboard/clipboard": "^1.16.1",
"@react-native-community/cli": "15.0.1",
"@react-native-community/netinfo": "11.4.1",
"@react-native-cookies/cookies": "^6.2.1",
"@react-native-firebase/analytics": "19.2.2",
"@react-native-firebase/app": "19.2.2",
"@react-native-firebase/crashlytics": "19.2.2",
"@react-native-firebase/messaging": "19.2.2",
"@react-native-firebase/perf": "19.2.2",
"@react-navigation/bottom-tabs": "6.5.20",
"@react-navigation/drawer": "6.6.15",
"@react-navigation/material-top-tabs": "6.6.13",
"@react-navigation/native": "6.1.17",
"@react-navigation/native-stack": "6.9.26",
"@react-navigation/stack": "6.3.29",
"@reduxjs/toolkit": "2.8.2",
"@rneui/base": "^4.0.0-rc.8",
"@rneui/themed": "^4.0.0-rc.8",
"@sendbird/chat": "^4.17.4",
"@sendbird/uikit-react-native": "3.9.4",
"@types/react-dom": "~18.3.1",
"date-fns": "4.1.0",
"date-fns-tz": "3.2.0",
"dotenv": "^16.0.3",
"emoji-picker-react": "^4.12.2",
"expo": "~52.0.46",
"expo-application": "~6.0.2",
"expo-asset": "~11.0.5",
"expo-av": "~15.0.2",
"expo-build-properties": "~0.13.3",
"expo-constants": "~17.0.8",
"expo-dev-client": "~5.0.20",
"expo-device": "~7.0.3",
"expo-document-picker": "~13.0.3",
"expo-file-system": "~18.0.12",
"expo-font": "~13.0.4",
"expo-image": "~2.0.7",
"expo-image-picker": "~16.0.6",
"expo-linear-gradient": "~14.0.2",
"expo-linking": "~7.0.5",
"expo-local-authentication": "~15.0.2",
"expo-localization": "~16.0.1",
"expo-location": "~18.0.10",
"expo-media-library": "~17.0.6",
"expo-secure-store": "~14.0.1",
"expo-splash-screen": "~0.29.24",
"expo-status-bar": "~2.0.1",
"expo-system-ui": "~4.0.9",
"expo-web-browser": "~14.0.2",
"fast-text-encoding": "^1.0.6",
"iban": "^0.0.14",
"material-react-table": "^3.2.1",
"postinstall-postinstall": "^2.1.0",
"prettier": "^3.0.3",
"react": "18.3.1",
"react-dom": "^18.2.0",
"react-hook-form": "^7.58.1",
"react-native": "0.76.9",
"react-native-calendars": "^1.1312.0",
"react-native-create-thumbnail": "^2.0.1",
"react-native-date-picker": "^5.0.12",
"react-native-dotenv": "3.4.11",
"react-native-element-dropdown": "^2.12.4",
"react-native-file-access": "3.1.0",
"react-native-gesture-handler": "~2.20.2",
"react-native-keyboard-controller": "^1.17.1",
"react-native-mime-types": "^2.5.0",
"react-native-mmkv": "2.12.2",
"react-native-modal": "^13.0.1",
"react-native-pager-view": "6.5.1",
"react-native-permissions": "^5.4.0",
"react-native-reanimated": "~3.16.1",
"react-native-safe-area-context": "4.12.0",
"react-native-screens": "~4.4.0",
"react-native-svg": "15.8.0",
"react-native-tab-view": "3.5.2",
"react-native-toast-message": "^2.3.0",
"react-native-url-polyfill": "^2.0.0",
"react-native-uuid": "^2.0.1",
"react-native-vector-icons": "^10.2.0",
"react-native-video": "^6.13.0",
"react-native-web": "0.0.0-dee1467a3",
"react-redux": "^8.0.2",
"redux-persist": "^6.0.0",
"redux-persist-expo-securestore": "^2.0.0",
"rn-emoji-keyboard": "^1.7.0"
},
"devDependencies": {
"@babel/core": "^7.25.2",
"@babel/preset-env": "^7.25.3",
"@babel/runtime": "^7.25.0",
"@config-plugins/detox": "^7.0.0",
"@datadog/datadog-ci": "^4.0.2",
"@expo/metro-runtime": "~4.0.1",
"@react-native-community/datetimepicker": "8.2.0",
"@react-native-community/slider": "4.5.5",
"@react-native/babel-preset": "0.76.9",
"@storybook/addon-actions": "8.1.11",
"@storybook/addon-controls": "^8.2.9",
"@storybook/addon-essentials": "^8.2.9",
"@storybook/addon-interactions": "^8.2.9",
"@storybook/addon-links": "^8.2.9",
"@storybook/addon-onboarding": "^8.2.9",
"@storybook/addon-ondevice-actions": "^7.6.20",
"@storybook/addon-ondevice-controls": "^7.6.20",
"@storybook/addon-react-native-web": "^0.0.24",
"@storybook/addon-webpack5-compiler-babel": "^3.0.3",
"@storybook/blocks": "^8.2.9",
"@storybook/react": "^8.2.9",
"@storybook/react-native": "^7.6.20",
"@storybook/react-native-server": "^6.5.8",
"@storybook/react-webpack5": "^8.2.9",
"@storybook/test": "^8.2.9",
"@svgr/webpack": "^8.1.0",
"@testing-library/dom": "^10.4.0",
"@testing-library/react": "^16.3.0",
"@testing-library/react-native": "^12.4.5",
"@types/iban": "^0.0.35",
"@types/jest": "^29.5.14",
"@types/react": "18.3.12",
"@types/react-native-video": "5.0.18",
"@typescript-eslint/eslint-plugin": "^8.9.0",
"@typescript-eslint/parser": "^8.9.0",
"babel-jest": "^29.7.0",
"babel-loader": "^8.2.5",
"babel-plugin-inline-react-svg": "^2.0.1",
"babel-plugin-module-resolver": "^5.0.2",
"babel-plugin-react-native-web": "^0.19.10",
"babel-plugin-transform-inline-environment-variables": "^0.4.4",
"detox": "20.18.4",
"eslint": "^8.48.0",
"eslint-config-universe": "14.0.0",
"eslint-plugin-import": "^2.30.0",
"eslint-plugin-storybook": "^0.8.0",
"http-proxy-middleware": "^3.0.5",
"jest": "^29.7.0",
"jest-circus": "^29.7.0",
"jest-expo": "~52.0.6",
"msw": "^2.7.3",
"patch-package": "^8.0.0",
"react-native-svg-transformer": "^1.0.0",
"storybook": "^8.2.9",
"ts-jest": "^29.0.3",
"typescript": "^5.1.6"
iOS Setup
No response
Android Setup
No response
Device Information
iPhone 16 Pro Max, iOS simulator (18.4)
Other relevant information
No response