I am working with Getstream chat SDk in react native,
My package.json file looks like:
"dependencies": {
"#react-native-community/masked-view": "^0.1.10",
"#react-native-community/netinfo": "^5.9.4",
"react": "16.13.1",
"react-native": "0.63.1",
"react-native-device-info": "^5.6.2",
"react-native-document-picker": "^3.5.3",
"react-native-fast-image": "^8.1.5",
"react-native-gesture-handler": "^1.6.1",
"react-native-image-picker": "^2.3.2",
"react-native-safe-area-context": "^3.1.1",
"react-native-screens": "^2.9.0",
"react-navigation": "4.1.0",
"react-navigation-stack": "^2.8.2",
"stream-chat-react-native": "^0.13.1"
},
I am using the same react native code in the "native message example" provided in the link : https://github.com/GetStream/stream-chat-react-native
While running, The chat list screen is presenting , but on selecting a chat it shows an error as :
Error: AnimatedValue: Attempting to set value to undefined
Do anyone has the same issue, Could you please help me to solve this.
Thanks in advance.
TLDR:
Mine working version for 1.3.2,
Please read readme.md and bug.md as walktrough.
https://github.com/ilovejs/ReactNative-GetStream-Bugfix
Explaination:
What are the problems in 'official' demo ?
"react-native-image-picker": "^2.3.4"
index.js introduce patch uuid crpyto bug, that reported in readme.md
"react-native-reanimated": "1.13.1",
Related
I'm trying to run the app using the expo start command. It worked fine so far but today it's showing like this.
Any help would be greatly appreciated! :)
These are my dependencies
{
"dependencies": {
"#expo-google-fonts/manrope": "^0.2.0",
"#expo-google-fonts/roboto": "^0.2.2",
"#expo/react-native-action-sheet": "^3.12.0",
"#flyerhq/react-native-link-preview": "^1.6.0",
"#gorhom/bottom-sheet": "4",
"#react-native-async-storage/async-storage": "~1.15.0",
"#react-native-community/clipboard": "^1.5.1",
"#react-native-community/hooks": "^2.8.1",
"#react-native-community/masked-view": "^0.1.11",
"#react-native-community/netinfo": "7.1.3",
"#react-native-firebase/app": "^14.5.0",
"#react-native-firebase/messaging": "^14.5.0",
"#react-native-picker/picker": "2.2.1",
"#react-navigation/core": "^6.1.1",
"#react-navigation/material-top-tabs": "^6.0.6",
"#react-navigation/native": "^6.0.6",
"#react-navigation/native-stack": "^6.2.5",
"#react-navigation/stack": "^6.1.1",
"#stomp/stompjs": "^6.1.2",
"#stripe/stripe-react-native": "0.2.3",
"expo-linking": "~3.0.0",
"expo-media-library": "~14.0.0",
"expo-notifications": "~0.14.0",
"expo-splash-screen": "~0.14.1",
"expo-status-bar": "~1.2.0",
"expo-updates": "~0.11.6",
"expo-web-browser": "~10.1.0",
"firebase": "^9.6.7",
"firebase-admin": "^10.0.0",,
"react": "17.0.1",
"react-dom": "17.0.1",
"react-native": "0.64.3",
"react-native-actionsheet": "^2.4.2",
"react-native-bottomsheet-reanimated": "^0.1.1",
"react-native-gesture-handler": "~2.1.0",
"react-native-hold-menu": "^0.1.1",
"react-native-image-crop-picker": "^0.37.2",
"react-native-image-picker": "^4.7.0",
"react-native-image-resizer": "^1.4.5",
"react-native-image-viewing": "^0.2.1",
"react-native-ionicons": "^4.x",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-linear-gradient": "^2.5.6",
"react-native-link-preview": "^1.4.2",
"react-native-pager-view": "5.4.9",
"react-native-parsed-text": "^0.0.22",
"react-native-push-notification": "^8.1.1",
"react-native-reanimated": "2.4.1",
"react-native-safe-area-context": "^3.3.2",
"react-native-screens": "~3.10.1",
"react-native-sticky-parallax-header": "^0.4.1",
"react-native-svg": "12.1.1",
"react-native-svg-charts": "^5.4.0",
"react-native-tab-view": "^3.1.1",
"react-native-unimodules": "0.12.0",
"react-native-vector-icons": "^9.0.0",
"react-native-web": "0.17.1",
"react-native-webview": "11.15.0",
"react-navigation": "^4.4.4",
"rn-fetch-blob": "^0.12.0",
"socket.io-client": "^4.4.1",
"sockjs-client": "1.4.0",
"stompjs": "2.3.3",
"text-encoding": "^0.7.0",
"url": "^0.11.0",
"watchman": "^1.0.0"
}}
I've tried changing the versions of the react-native-reanimated package but still couldn't figure out the problem.
I had this problem recently myself. I'm not entirely sure why this is happening but you can try to find the root cause by trial and error. For me, I did a global find of all references to global.performance.now in the build folder and commented out all of them in the code (they were all js files from node_modules packages in the build folder). Once I tried to reload the app, I would get a more detailed message about a missing reference or undefined variable (since I commented the lines calling on global.performance.now). In my case, it ended up being located in the react-native package, specifically in the createPerformanceLogger.js file. What was interesting was that I was able to find another file in the package that actually sets up this object here.
So, as a temporary workaround, I added a require('../Core/setUpPerformance'); statement in the createPerformanceLogger.js import statements. This fixed the issue for me. Obviously, this isn't pretty since it requires altering build files. What I did was add a post-build step to do this programmatically after every build in order to avoid doing this manually (my setup uses Kotlinjs as well, so I added it as a post assemble step in my gradle.build.kts file). In any case, YMMV but determining the root cause this way will help unblock you in the meantime until finding a more long term solution.
It's worth noting that I eventually started playing with react + react-native versions in my package.json and now the react-native package is not even bundled in my build output (which I thought was strange), but it means that I no longer need the workaround. By the way, in case you're curious, here are my react and react-native versions used.
I am getting the alert " would like to find and connect to devices on your local network" on the prod version of my React Native app (the one downloaded from the app store or from testflight).
From what I've found online, this could be due to one of the libraries we're using that requests this permission.
How would I know which library is asking for it or how could I disable this popup completely from showing up on prod?
Those are my current dependencies:
"#ovalmoney/react-native-fitness": "^0.5.3",
"#react-native-async-storage/async-storage": "^1.15.7",
"#react-native-community/masked-view": "^0.1.11",
"#react-native-community/slider": "^4.1.3",
"#react-native-firebase/app": "^12.7.3",
"#react-native-firebase/dynamic-links": "^12.7.3",
"#react-native-firebase/messaging": "^12.7.3",
"#react-navigation/native": "^5.9.8",
"#react-navigation/stack": "^5.14.9",
"#sentry/react-native": "2.4.3",
"apollo-boost": "^0.4.9",
"graphql": "^15.5.1",
"graphql-tag": "^2.12.5",
"js-interpreter": "^2.3.1",
"lodash": "^4.17.21",
"mixpanel-react-native": "^1.3.2",
"mobx": "^5.14.0",
"mobx-react": "^5.0.0",
"moment": "^2.29.1",
"react": "17.0.2",
"react-native": "0.66.0",
"react-native-animatable": "^1.3.3",
"react-native-dash": "^0.0.11",
"react-native-device-info": "^8.3.1",
"react-native-gesture-handler": "1.9.0",
"react-native-hyperlink": "^0.0.19",
"react-native-intercom": "^22.0.1",
"react-native-linear-gradient": "^2.5.6",
"react-native-reanimated": "^1.13.3",
"react-native-safe-area-context": "^3.3.0",
"react-native-screens": "^3.6.0",
"react-native-sensors": "^7.3.3",
"react-native-svg": "^12.1.1",
"react-native-svg-charts": "^5.4.0",
"react-native-url-polyfill": "^1.3.0",
"react-native-vector-icons": "^8.1.0",
"react-native-video": "^5.1.1",
"rn-prompt": "^1.0.4"
According of Official FAQ about Local Network Privacy - FAQ-15: My app presents the local network privacy alert unexpectedly. Is there a way to track down the cause?, you should:
... start removing any third-party libraries from your app until you figure out which one is triggering it, and then raise this issue with the library’s vendor.
In my case I'm not able to consistently reproduce the alert, so this method doesn't work for me though.
I'm getting this error currentlyFocusedField is deprecated and will be removed in a future release. Use currentlyFocusedInput When the keyboard opens on the InputText Did anyone faces the same problem?
The error only appears on iOS devices.
I'm using these dependencies:
"#react-navigation/bottom-tabs": "^5.11.2",
"#react-navigation/native": "^5.8.10",
"#react-navigation/stack": "^5.12.8",
"native-base": "^2.13.14",
"react": "16.13.1",
"react-native": "0.63.3",
"react-native-gesture-handler": "^1.9.0",
"react-native-reanimated": "^1.13.2",
"react-native-safe-area-context": "^3.1.9",
"react-native-screens": "^2.15.0"
The error is coming from the native base library
I created the PR https://github.com/GeekyAnts/NativeBase/pull/3305
I've been building an app on RN and static stuff are working as intended. Now I'm trying to add Push Notifications and all tries lead me to this error: You must provide 'notification.vapidPublicKey' in 'app.json' to use push notifications on web..
There are several tutorials around and they all seems so simple and none of them have this error...
So, I've tried 5+ tutorials, using Node 14, react-native-web 0.11.7 (due async issues), including owner, slug and notification.vapidPublicKey on app.json (the last one is not accepted by the file), and a lot of other stuffs, like trying to have this working on a brand new project.
This error occours when I call await Notifications.getExpoPushTokenAsync() from import { Notifications } from 'expo';.
"dependencies": {
"#expo-google-fonts/inter": "^0.1.0",
"expo": "~37.0.3",
"moment": "^2.27.0",
"react": "~16.9.0",
"react-dom": "~16.9.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
"react-native-screens": "~2.2.0",
"react-native-web": "0.11.7"
},
"devDependencies": {
"#babel/core": "^7.8.6",
"#types/react": "~16.9.23",
"#types/react-native": "~0.61.17",
"babel-preset-expo": "~8.1.0",
"styled-components": "^5.1.1",
"typescript": "~3.8.3"
},
Any ideas on how to fix this error?
im having issues upgrading a React Native App from Expo sdk 21 to Expo sdk 26.
I have followed this steps:
1) In app.json, change sdkVersion to "26.0.0"
2) In package.json, change these dependencies:
react-native to "https://github.com/expo/react-native/archive/sdk-26.0.0.tar.gz"
expo to "^26.0.0"
react to ("16.3.0-alpha.1" — this exact version)
react-navigation to "1.5.8"
Previously, i was using:
expo ^21.0.2
react-navigation ^1.0.0-beta.21"
react": "^16.0.0-alpha.12",
react-native": "^0.48.4"
Now im getting this error, i dont know where start to search or debug.. any ideas?
This are the full dependencies:
"dependencies": {
"#expo/vector-icons": "^5.2.0",
"expo": "^21.0.2",
"install": "^0.10.1",
"moment": "^2.19.1",
"moment-timezone": "^0.5.14",
"native-base": "^2.3.2",
"npm": "^5.4.2",
"prop-types": "^15.6.0",
"react": "^16.0.0-alpha.12",
"react-native": "^0.48.4",
"react-native-communications": "^2.2.1",
"react-native-directed-scrollview": "^1.3.0",
"react-native-inputs": "^0.2.1",
"react-native-keyboard-aware-scroll-view": "^0.4.1",
"react-native-lazyload-components": "^1.0.1",
"react-native-maps": "^0.16.4",
"react-native-material-design-searchbar": "^1.1.7",
"react-native-material-dropdown": "^0.6.0",
"react-native-material-textfield": "^0.10.2",
"react-native-rest-client": "^0.1.1",
"react-native-root-toast": "^2.2.0",
"react-native-snackbar-component": "^1.0.8",
"react-native-textinput-effects": "^0.4.1",
"react-navigation": "^1.0.0-beta.21",
"react-navigation-redux-debouncer": "^0.0.2",
"react-redux": "^5.0.6",
"redux": "^3.7.2",
"redux-logger": "^3.0.6",
"redux-thunk": "^2.2.0"
}
Any ideas of how i can get the line, library or something that is making this conflict?
Kind regards
Well, the error was kind of dificult to debug, but the problem was a circular dependency in my code.
The "Super expression must either be null or a function.." message is a ES6 babel way to tell you that you have errors in your imports/ circular dependencies.
So after fixing that theres a lot of work to do, as #Michael Cheng saids, a lot of libraries did breaking changes between SDK21 and SDK26.