Installing UIkit v4 on React Native

UIkit
1

What react native version does the UIKit v4 support up to? I am having so many dependency errors trying to install the kits. Has anyone else managed to install and set up the UI kits on a recent React Native app with expo recently?

Current version:
“dependencies”: {
“@expo/config-plugins”: “^9.0.17”,
“@expo/vector-icons”: “^14.0.2”,
“@react-native-async-storage/async-storage”: “1.23.1”,
“@react-native-community/netinfo”: “^11.4.1”,
“@react-native-firebase/app”: “^21.11.0”,
“@react-native-firebase/auth”: “^21.11.0”,
“@react-native-firebase/firestore”: “^21.11.0”,
“@react-native-firebase/storage”: “^21.11.0”,
“@react-native-google-signin/google-signin”: “^13.2.0”,
“@react-navigation/bottom-tabs”: “^7.2.0”,
“@react-navigation/native”: “^7.0.14”,
“@react-navigation/stack”: “^7.1.1”,
“expo”: “~52.0.37”,
“expo-auth-session”: “^6.0.3”,
“expo-av”: “^15.0.2”,
“expo-blur”: “~14.0.3”,
“expo-build-properties”: “~0.13.2”,
“expo-camera”: “~16.0.17”,
“expo-constants”: “~17.0.7”,
“expo-crypto”: “^14.0.2”,
“expo-dev-client”: “~5.0.12”,
“expo-font”: “~13.0.4”,
“expo-haptics”: “~14.0.1”,
“expo-image-picker”: “~16.0.6”,
“expo-linking”: “~7.0.5”,
“expo-router”: “~4.0.17”,
“expo-splash-screen”: “~0.29.22”,
“expo-status-bar”: “~2.0.1”,
“expo-symbols”: “~0.2.2”,
“expo-system-ui”: “~4.0.8”,
“expo-web-browser”: “~14.0.2”,
“firebase”: “^11.3.1”,
“react”: “18.3.1”,
“react-dom”: “18.3.1”,
“react-native”: “0.76.7”,
“react-native-camera”: “^4.2.1”,
“react-native-fs”: “^2.20.0”,
“react-native-gesture-handler”: “~2.20.2”,
“react-native-reanimated”: “~3.16.1”,
“react-native-safe-area-context”: “^4.12.0”,
“react-native-screens”: “~4.4.0”,
“react-native-vector-icons”: “^10.2.0”,
“react-native-video-processing”: “^1.7.2”,
“react-native-vision-camera”: “^4.6.4”,
“react-native-web”: “~0.19.13”,
“react-native-webview”: “13.12.5”,
“react-native-worklets-core”: “^1.5.0”,
“xcode”: “^3.0.1”,
},
“devDependencies”: {
“@babel/core”: “^7.25.2”,
“@types/jest”: “^29.5.12”,
“@types/react”: “~18.3.12”,
“@types/react-test-renderer”: “^18.3.0”,
“jest”: “^29.2.1”,
“jest-expo”: “~52.0.4”,
“react-test-renderer”: “18.3.1”,
“typescript”: “^5.3.3”
},

2

Hello @alustoDev , Our team needs more information to assist you effectively. Could you please provide:

  1. The specific error you are facing.
  2. The repository link you are using.

This will help us investigate the issue further. Looking forward to your response!

3

Hi, thanks for getting back to me: Here are the start of the logs:

git:(main) ✗ npm i ./amity-react-native-social-ui-kit-4.0.0-beta-17.t
gz
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error

npm error Found: @react-navigation/native@7.0.15
npm error node_modules/@react-navigation/native
npm error @react-navigation/native@“^7.0.14” from the root project
npm error
npm error Could not resolve dependency:
npm error peer @react-navigation/native@“^6.1.17” from amity-react-native-social-ui-kit@4.0.0-beta-17
npm error node_modules/amity-react-native-social-ui-kit
npm error amity-react-native-social-ui-kit@“file:amity-react-native-social-ui-kit-4.0.0-beta-17.tgz” from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.

Then if I try downgrade the naviagtion it breaks the app:

  1. @react-navigation/bottom-tabs@7.2.1 requires @react-navigation/native@^7.0.15.
  2. amity-react-native-social-ui-kit@4.0.0-beta-17 requires @react-navigation/native@^6.1.17.

Since expo-router and @react-navigation/bottom-tabs rely on version 7.x, downgrading @react-navigation/native to v6.x will break those dependencies.

Appreciate any help you can give me. Struggling to get it it set up.

Thanks

4

If I try using --legacy-peer-deps to the installations, then try use the amity kit in the app :

Could not find a declaration file for module ‘amity-react-native-social-ui-kit’.

Screenshot 2025-03-18 at 19.36.24
Screenshot 2025-03-18 at 19.36.24690×174 13.1 KB

5

Hello @alustoDev, thank you for the information, we have passed it to our team to further investigate.

1 Like
6

Hello @alustoDev , You cannot use amity-react-native-social-ui-kit directly with Expo due to the CLI repo structure. Our team suggests using this Expo-compatible version instead:

:link: Amity Social UIKit for React Native (Expo Support - Beta)

Please note that this version is still in Beta, so there may be limitations. Let us know if you need further assistance!