Usage with react native

[maharjanaman]

When I use this library with react native projects, I'm getting this Maximum call stack size exceeded error. So is this not usable for react native?

[harpreetkhalsagtbit]

Someone forked this repo to fix this issue Please check, https://github.com/wkoutre/country-state-city

[harpreetkhalsagtbit]

dynamic import state and cities could be a solution for this. TBD: Future Release

[harpreetkhalsagtbit]

I have setup react-native(Latest) in Ubuntu 18.04 and tested with Andoird emulator, working fine. Would you please let me know about your environment and react-native version

[maharjanaman]

It doesn't in iOS simulator.

[harpreetkhalsagtbit]

Hi @maharjanaman I have also tested it with the iOS simulator with the latest - react-native version and it works fine. Maybe with the older version of react-native, it is failing.

So, I have added dynamic-import functionality and tested again with the iOS simulator. I have published my latest code as a beta version for this package.

Would you please also help me test this because I can't reproduce the error?

1. First, check the original - country-state-city package.
2. Then, if it still fails use, npm i country-state-city@beta
3. test your code.

Thanks

[maharjanaman]

Hello, thanks for great contributions. Since, I was in hurry with releasing the app, I'd to find alternative approach for my app and hence couldn't test the beta version. If you think its working, you can close this issue. P.S. Thanks for the support.

[harpreetkhalsagtbit]

Actually, the original version is also working for me. So, I am not sure what actually was wrong. Still, I tried to fix it in this beta version. In that case, I will remain open this P.R until someone else faces a similar issue and then I will let him use this beta version and then proceed further with this.

Thanks for replying.

[hajjboy95]

Not working for me tried it with react 0.6.3 and getting the following error when running expo start --ios

- node_modules/react-native/Libraries/LogBox/LogBox.js:148:8 in registerError
- node_modules/react-native/Libraries/LogBox/LogBox.js:59:8 in errorImpl
- node_modules/react-native/Libraries/LogBox/LogBox.js:33:4 in console.error
- node_modules/expo/build/environment/react-native-logs.fx.js:27:4 in error
- node_modules/react-native/Libraries/Core/ExceptionsManager.js:104:6 in reportException
- node_modules/react-native/Libraries/Core/ExceptionsManager.js:171:19 in handleException
- node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError
- node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:9:32 in ErrorUtils.setGlobalHandler$argument_0
- node_modules/regenerator-runtime/runtime.js:63:36 in tryCatch
- node_modules/regenerator-runtime/runtime.js:293:29 in invoke
- node_modules/regenerator-runtime/runtime.js:63:36 in tryCatch
- node_modules/regenerator-runtime/runtime.js:154:27 in invoke
- node_modules/regenerator-runtime/runtime.js:164:18 in PromiseImpl.resolve.then$argument_0
- node_modules/react-native/node_modules/promise/setimmediate/core.js:37:13 in tryCallOne
- node_modules/react-native/node_modules/promise/setimmediate/core.js:123:24 in setImmediate$argument_0
- node_modules/react-native/Libraries/Core/Timers/JSTimers.js:130:14 in _callTimer
- node_modules/react-native/Libraries/Core/Timers/JSTimers.js:181:14 in _callImmediatesPass
- node_modules/react-native/Libraries/Core/Timers/JSTimers.js:441:30 in callImmediates
- node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:387:6 in __callImmediates
- node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:135:6 in __guard$argument_0
- node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:364:10 in __guard
- node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:134:4 in flushedQueue
* [native code]:null in flushedQueue
* [native code]:null in invokeCallbackAndReturnFlushedQueue```

happens when trying to import the library like so

import csc from 'country-state-city'

[AlvaroBrasilia]

I am getting this error when try to import csc from 'country-state-city' in react-native project.

ERROR RangeError: Maximum call stack size exceeded.

[hongzhou85]

This error is happens for react-native

[dannydanzka]

With React Native 0.63.4 and version 2.0.0 of country-state-city it throws the error ERROR RangeError: The maximum size of the call stack was exceeded. As well as in the iOS and Android emulator, and in the physical Android device.

However if I run debug mode, I can work normally Android and iOS emulator, but the physical Android device cannot.

[Fiyaz6772]

@harpreetkhalsagtbit I am still getting this error ERROR RangeError: Maximum call stack size exceeded. ERROR TypeError: undefined is not an object (evaluating '_$$_REQUIRE(_dependencyMap[7], "country-state-city").Country') These are my versions. "country-state-city": "^3.0.1", "react": "17.0.1", "react-native": "0.64.2",

[amk-cb]

Error: Requiring module "node_modules/country-state-city/dist/index.js", which threw an exception: RangeError: Maximum call stack size exceeded.

Any solution?

[amk-cb]

Actually, the original version is also working for me. So, I am not sure what actually was wrong. Still, I tried to fix it in this beta version. In that case, I will remain open this P.R until someone else faces a similar issue and then I will let him use this beta version and then proceed further with this.

Thanks for replying.

It is working fine in simulators but in real device it is throwing error.

[bmohankumar]

With React Native 0.63.4 and version 2.0.0 of country-state-city it throws the error ERROR RangeError: The maximum size of the call stack was exceeded. As well as in the iOS and Android emulator, and in the physical Android device.

However if I run debug mode, I can work normally Android and iOS emulator, but the physical Android device cannot.

I am facing a same issue with React-native 0.60.5 and country-state-city version 2.2.0. If I connect to debugger, app works just fine in iOS simulator, but with a real device or as soon as I stopped a debugger, its throwing an error.

tried the npm i country-state-city@beta too, I am still facing a same issue.

[Fiyaz6772]

I am still getting this error ERROR RangeError: Maximum call stack size exceeded. ERROR TypeError: undefined is not an object (evaluating '_$$_REQUIRE(_dependencyMap[7], "country-state-city").Country') These are my versions. "country-state-city": "^3.0.1", "react": "17.0.1", "react-native": "0.64.2",

[JosiasBatista]

I'm also getting this error "RangeError: Maximum call stack size exceeded." And "Error: Requiring module "node_modules\country-state-city\dist\index.js", which threw an exception: RangeError: Maximum call stack size exceeded."

I don't know what's happening.

[KrishnanRoobanraj]

While im using this package , RangeError: Maximum call stack size exceeded I can't able to use my emulator also

[adrienclay36]

Still nothing on this?

[bharat2913]

I'm getting the same error. Anyone found a fix? And what are you using as it's working fine in React Native

[Darmolar]

I had the same issue with react native.

I changed the export default {} from the js files to just export {} and it worked.

[anuragipankaj]

@Darmolar can you please explain in which file?

[Darmolar]

remove the default from that export part.

Please note that the cities might crash your application because the file has too much data. I suggest the creator uploads the cities into a database and queries from the database instead of using the filter.

Hope this helps @anuragipankaj