AsyncStorage.getItem blocks when debugging remotely

[bartolkaruza]

Description

In some situations when calling AsyncStorage.getItem, either with a callback, calling then or using async await, the proceeding callback is not called and the promise does not resolve. This only happens when the remote debugger is on.

result or error are not called below:

AsyncStorage.getItem('key')
      .then(result => console.log('result', result))
      .catch(e => console.log('err', e));

AFTER is not printed (and no error is thrown):

console.log('BEFORE');
const result = await AsyncStorage.getItem('key');
console.log('AFTER');

The same code above completes the first time (and several consecutive times) it is run in the same debug session but blocks at a later stage. The point in time where it starts blocking is consistent in my app, so there is a piece of context that I haven't found yet which is causing it. I will continue searching for this context. Are maybe others running into similar behavior?

No matter the availability of data, getItem should always resolve (or reject), right?

Reproduction

I will keep trying to isolate the reproduction but so far I have not been able to cleanly reproduce, but in my full app, it is consistently occurring.

Solution

Additional Information

This issue is occurring on both iOS devices and simulators. I haven't seen it on Android yet.
OS X 10.11.6
Xcode 8.2.1
React Native Debugger 0.5.6
React Native 0.42.0

  "dependencies": {
    "react": "15.4.2",
    "react-native": "0.42.0",
    "analytics-react-native": "^1.0.1",
    "axios": "^0.11.1",
    "bugsnag-react-native": "^2.0.2",
    "firebase": "^3.6.10",
    "moment": "2.17.1",
    "react-native-auth0": "^1.0.0-beta.1",
    "react-native-code-push": "^1.17.2-beta",
    "react-native-drawer": "^2.2.3",
    "react-native-gifted-chat": "https://github.com/immidi/react-native-gifted-chat",
    "react-native-loading-spinner-overlay": "^0.4.1s",
    "react-native-lock": "git+ssh://[email protected]/auth0/react-native-lock.git",
    "react-native-navbar-wrapper": "^1.0.0",
    "react-native-onesignal": "^3.0.2",
    "react-native-smart-badge": "1.1.1",
    "react-navigation": "1.0.0-beta.3",
    "react-redux": "^4.4.5",
    "redux": "^3.5.2",
    "redux-devtools-extension": "^2.13.0"
  },
  "devDependencies": {
    "babel-jest": "19.0.0",
    "babel-preset-react-native": "1.9.1",
    "jest": "19.0.2",
    "react-test-renderer": "15.4.2",
    "remote-redux-devtools": "^0.5.7",
    "chai": "*",
    "chai-as-promised": "*",
    "colors": "*",
    "mocha": "*",
    "q": "*",
    "underscore": "*",
    "wd": "*",
    "eslint": "^3.1.1",
    "eslint-plugin-react": "^5.2.2",
    "eslint-plugin-react-native": "^1.1.0",
    "babel-eslint": "^6.1.2"
  }

[hramos]

We're cutting down on the number of outstanding issues, in order to allow us to focus. I'm closing this issue because it has been open for over 60 days with no activity. If you think it should still be opened let us know why. PRs are always welcome.

[youhan26]

any update? see the same problem

[bartolkaruza]

@youhan26 This issue has stopped for me. Not sure what the reason is, but have you tried upgrading react native to the latest version?

[youhan26]

@bartolkaruza I try to use real phone to test, It's ok. maybe just because of simulator

[davidblurton]

Still broken on react native 0.46.4 on a real device.

[davidblurton]

@hramos please reopen. AsyncStorage is a key component of react native and it's currently unusable when debugging.

[manishoo]

I'm experiencing the same issue. RN 48, Genymotion running android 7

[iamanam]

i am having the same issue. Anyone had any solution?
Edit: It worked on real device. So seems like problem is in genymotion

[gosuperninja]

This is happening for me fairly consistently with RN 0.50.3. I can refresh my app a couple times with the multiGet promise completing, but after that the promise no longer completes. Issuing a react-native run-android will allow the multiget to return. This is happening with an Android Emulator API version 26.

[Ble3k]

Same issue.

I think this problem should be payed attention.

[krean93]

I have the same problem
Tested:
Android virtual machine (genymotion)
Android real machine

`console.log('beforereadtoken')
try {
let token = await AsyncStorage.getItem('fb_token');
} catch(e) {
console.log('there was an error');
console.log(e);
}

console.log('afterreadtoken')`

The second console.log does not get printed, also no errors are printed

[matej-io]

I have same problem on Android. Statements after 'await' are never executed. My 'workaround' for now is to kill and relaunch the app, then it starts working for some time. (react-native 0.51.0)

[yalopov]

Same problem here using node v8.8.1, npm v5.6, RN v0.50.4 and debugging using chrome 62.

I'm using a real device by the way

[afrakhan123]

Hi this was happening to me until I ran "react-native run-android" again. I seem to need to do this everytime I import AsyncStorage to a new file.

[luhui]

Same issue on Android with real device, after reload the device. When it happened, I must kill the app and relaunch.

Can we re-open this issue? @bartolkaruza

RN v0.51.0

[bartolkaruza]

@hramos There seems to be regular activity on this issue on very recent versions, even though I have not experienced it myself recently. Could you re-open it?

[fatfatson]

+1 Same issue on Android, have to restarting app

[nenti]

This issue is also a regular problem that occurs on redux-persist project. (rt2zz/redux-persist#603 (comment))

[DarkSmile92]

Having the same issue out of the blue from one day to another without changing anything on my react-native project!

[acherkashin]

+1 Same issue on Android 6, API Level 23. I resolve this issue by rerun 'react-native run-android'.

[amclelland]

+1

[rohitranjan1991]

+1. Any update on this ? This is a issue worth looking into. cannot go ahead with this for production apps.

[AustinHunt]

I've been able to confirm that this is as a result of some kind of blocking in Android when debugging with an emulator.

[AustinHunt]

A fix would definitely be nice.

[nmfzone]

It's still happening, even in recent react native version. It's very annoying, why this issue not prioritize to solve?

Btw it's happening even the debugging is not active. And it's happen in emulator and real devices. 👎

[Joey33]

If it would help you:

I discovered this issue only now after starting to use VSC debugger or RNDebugger. I've always debugged in Chrome before and never ever experienced any AsyncStorage failures. So I tried now a few times in Chrome (opening&closing remote debugging session from app) and in Chrome it's fine.

What else have I observed:

1. When you start debugging session in VSC/RND and never exit dbg mode, it's fine (though slow of course)
2. When you exit remote dbg and AsyncStorage gets screwed up, when you do 'react'native run-android' again the issue is gone

[jean-ben-guigui]

+1

[nstanwar]

+1

[patriciy]

+1

[mtkhorma]

as far as i know we cant use local storage in RN, so if we can't debug our apps when using Asyncstorage, what on earth we can do to store some data locally on the device?

[papayuca]

+1

[trexguo]

+1

[miedziak]

+1

[RiyadWu]

+1

[johniak]

+1 :(

[norbertsongin]

+1

[dgarciamuria]

+1

[gosuperninja]

+1

[teraconsulting]

+1

[ianbarnett8]

+1

[LordShiroe]

+1

[iamanam]

This issue is opened for more than year but still nothing. That's really sad. Someone really need to look at it.

[cmwendwa]

+1

[SurajMDurgad]

+1

[nicolascoutureau]

+1

[brunneus]

+1

[hramos]

Locking due to +1 spam. Issue's still open in case any one wants to volunteer a fix.

[cpojer]

This issue has been moved to react-native-async-storage/async-storage#11.