-
Notifications
You must be signed in to change notification settings - Fork 325
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[react-native-gesture-handler] Seems like you're using an old API with gesture components, check out new Gestures system! #1100
Comments
Thank you for raising the issue, we will sort this out.
Yeah, |
I made a separate issue about this and pinned it to make this visible/easy to find |
I also noticed that when I run my project on Android, I get this warning and the app crashes out. I cant quite tell if its to do with this SDK but it does only happen when navigating to a page with OverlayProvider:
|
@jw-85 That warning shouldn't make the app crash (but it's a warning we'll have to sort out - I'll make an issue for it in our internal issue tracker). It might get you a better error message if you try to run something like |
@madsroskar I have the same warning causing a crash.
|
Hm, this seems to be related to reanimated, and has been reported in their repo and there seems to be a PR addressing this opened 12 days ago. Which version of |
@madsroskar Thanks, I just downgraded from ^2.3.1 to ^2.2.4 but this did not solve my issue |
@jw-85 this issue is coming from bottom-sheet actually. It doesn't exactly break anything functionalitywise, but we are looking into a workaround this issue. For now I am closing this issue since its not exactly blocking. |
I have been having some issues implementing Stream Chat UI in my exiting RN app so I create a new project, and just installed Stream Chat SDK with dependencies as per the guide. However, when I build the app and run it locally (both iOS and Android) I see the below warning.
[react-native-gesture-handler] Seems like you're using an old API with gesture components, check out new Gestures system!
Details of the warning are below... This warning isn't a blocker obviously but thought it would be worth logging so you are aware!
I also get an error 'node_modules/@react-native-community/cameraroll/js/CameraRoll.js: fbjs/lib/invariant could not be found within the project or in these directories' which I managed to overcome by installing the fbjs package (as per this issue react-native-cameraroll/react-native-cameraroll#300. Just in case anyone else is having that issue.
Dev environment info:
"dependencies": {
"@react-native-community/blur": "3.6.0",
"@react-native-community/cameraroll": "4.1.2",
"@react-native-community/netinfo": "7.1.7",
"@stream-io/flat-list-mvcp": "0.10.1",
"fbjs": "3.0.2",
"react": "17.0.2",
"react-native": "0.67.1",
"react-native-document-picker": "8.0.0",
"react-native-fs": "2.18.0",
"react-native-gesture-handler": "2.2.0",
"react-native-haptic-feedback": "1.13.0",
"react-native-image-crop-picker": "0.37.2",
"react-native-image-resizer": "1.4.5",
"react-native-reanimated": "2.3.1",
"react-native-safe-area-context": "3.3.2",
"react-native-share": "7.3.3",
"react-native-svg": "12.1.1",
"stream-chat-react-native": "3.10.2"
},
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The app should run with no errors or warnings (ideally)
Additional context
Here is the console error message:
WARN [react-native-gesture-handler] Seems like you're using an old API with gesture components, check out new Gestures system! PanGestureHandler@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:110495:38 RCTView View AnimatedComponent(View)@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:114516:38 ThemeProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:152937:25 MessageProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:170645:24 MessagesProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:152673:24 MessageOverlayWithContext@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:256962:26 MessageOverlay@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:257594:156 ThemeProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:152937:25 ImageGalleryProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:205561:24 AttachmentPickerProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:214908:24 MessageOverlayProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:228652:24 TranslationProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:215253:24 OverlayProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:258644:38 ChannelScreen@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:138271:117 RNCSafeAreaProvider SafeAreaProvider@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:147634:24 App@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:138341:41 RCTView View RCTView View AppContainer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:76969:36 drftbroker(RootComponent)@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.drftbroker:83726:28
Screenshots
gz#18770
The text was updated successfully, but these errors were encountered: