I am using react-native-geolocation-service in my project and got below error:
error: node_modules\react-native-geolocation-service\js\Geolocation.android.js: Maximum call stack size exceeded
"react": "^17.0.2",
"react-native": "0.61.5",
"react-native-geolocation-service": "^3.1.0"
Could anyone help me fix it?
Related
I get the following error after installing #react-navigation/material-bottom-tabs react-native-paper react-native-vector-icons and creating a stack following the example at https://reactnavigation.org/docs/material-bottom-tab-navigator/#example:
Error setting property 'accessibilityRole' of RCTView with tag #227: Invalid UIAccessibilityTraits 'tablist'. should be one of: (
adjustable,
allowsDirectInteraction,
button,
disabled,
frequentUpdates,
header,
image,
key,
link,
none,
pageTurn,
plays,
search,
selected,
startsMedia,
summary,
text
)
The error appears when navigating to the stack, and the stack appears as normal. It only pops up on ios and I have no issues at all when using android. I am also following the bare react-native workflow due to limitations of the library I am using, thus no expo support.
The relevant dependencies on my package.json is as follows:
{
"dependencies": {
"#react-navigation/material-bottom-tabs": "^6.2.4",
"#react-navigation/native": "^6.0.13",
"#react-navigation/native-stack": "^6.9.1",
"#react-navigation/stack": "^6.3.2",
"react": "17.0.2",
"react-native": "0.65.1",
"react-native-gesture-handler": "^2.7.1",
"react-native-paper": "^4.12.5",
"react-native-safe-area-context": "^4.4.1",
"react-native-screens": "^3.18.2",
"react-native-vector-icons": "^9.2.0",
"react-navigation-stack": "^2.10.4",
},
}
Anyone out there knows how to get rid of this error?
I've tried solutions such as the one on Invalid UIAccessibilitys 'tablist' error after installing react-native-vector-icons and running pod update on ios where i change in
/node_modules/#react-navigation/material-bottom-tabs/lib/commonjs/ views/MaterialBottomTabView.js
/node_modules/#react-navigation/material-bottom-tabs/lib/module/ views/MaterialBottomTabView.js
/node_modules/#react-navigation/material-bottom-tabs/src/views/ MaterialBottomTabView.tsx
accessibilityRole: "link"
to
accessibilityRole: "none"
but it is not working. Might also be because this example makes changes in the bottom-tabs/ folder while mine is located in material-bottom-tabs/ folder. I am also not sure where the tablist is being imported from.
I'm using Nextjs and I'm trying to use stripe for a subscription. The button bellow is fetching a api but i get the error bellow. I tried using /api/spripe.js instead of /test/stripe.js but is even worse (i don't even hit the api. I get 404)
Dependencies:
"dependencies": {
"next": "12.1.6",
"react": "18.1.0",
"react-dom": "18.1.0",
"stripe": "^8.220.0"
},
Thanks in advance!
I'm trying to use twilio conversations from javascript in React Native.
I'm getting RangeError: Maximum call stack size exceeded (native stack depth) when calling
const Conversations = require('#twilio/conversations');
Conversations.Client.create(token)
My package.json looks like
{
"#twilio/conversations": "^1.2.2",
"events": "^3.3.0",
"react": "17.0.2",
"react-native": "0.64.2",
"react-native-navigation": "^7.16.0",
"react-native-navigation-hooks": "^6.3.0",
"react-native-twilio-video-webrtc": "https://github.com/blackuy/react-native-twilio-video-webrtc",
"react-stomp": "^5.1.0",
}
Here is the logs
Twilio developer evangelist here.
Can you try importing the module with import instead of require? Like:
import {Client} from '#twilio/conversations';
Then you can see more debug information from the client if you change the logLevel when you create it:
Client.create(token, { logLevel: 'debug' });
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",
I am new to react native and I am trying to implement Redux in my application. React native throwing error while using connect function from react-redux as follows.
export default connect()(MyComponent);
I checked all 3 options and I am not breaking any:
You might have mismatching versions of React and the renderer (such as React DOM)
You might be breaking the Rules of Hooks(Not sure)
You might have more than one copy of React in the same app
Version of dependancies listed below:
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-native": "0.57.7",
"react-native-elements": "^0.19.1",
"react-native-geocoding": "^0.3.0",
"react-native-gesture-handler": "^1.0.12",
"react-native-maps": "https://github.com/react-community/react-native-maps.git",
"react-native-modal": "^9.0.0",
"react-native-router-flux": "^4.0.6",
"react-native-size-matters": "^0.1.4",
"react-native-super-grid": "^3.0.4",
"react-native-vector-icons": "^4.6.0",
"react-navigation": "^3.0.9",
"react-redux": "^7.0.3",
"redux": "^4.0.1",
"redux-logger": "^3.0.6"
Error disappear when I remove connect(). But it prevents from implanting Redux
Is this a bug in React Native or I am doing something wrong here?
Try to update react-native to 0.59.x.
Looks like react-redux switched to use React hooks internally. But react-native added React hooks support starting from version 0.59 (https://facebook.github.io/react-native/blog/2019/03/12/releasing-react-native-059).