NativeModule: AsyncStorage is null, with @RNC/AsyncStorage

Question

I'm working on a React Native project created with Expo. I've been using regular old AsyncStorage, importing from react-native, and all has been well.

In looking up how to mock AsyncStorage for testing, I saw that react-native-community/react-native-async-storage has its own mock built in.

So I installed the community plugin with yarn add and switched out all my import statements.

When I run my app, I'm getting an error (which I'm retyping myself, excuse some ellipses):

[@RNC/AsyncStorage]: NativeModule: AsyncStorage is null.

To fix this issue try these steps:

-Run `react-native link @react-native-community/async-storage` in the project root.
-Rebuild and restart the app
-Run the packager with `--clearCache` flag.
-If you are using CocoaPods on iOS...
-If this happens while testing with Jest...

So I tried running react-native link @react-native-community/async-storage but I keep getting this error:

Something went wrong while linking. Error: Cannot read property 'pbxprojPath' of null

Some research showed me that Expo apps can't (and don't need to) link.

I tried npm start --clearCache to no avail.

Also, I don't have an ios (or android) folder in my project. This has always been kind of confusing for me because I see it referenced all over the place. I run my app in the Simulator/Emulator (and device) through the Expo app. Once I tried ejecting and there were problems. So, I don't have an ios folder.

(I'll go back to using the old native AsyncStorage from react-native and creating a mock myself, but I'd like to know how to solve this, and similar problems that may arise in the future.)

I think it's better to erase the project, re-create it, and copy and paste the code. — hong developer
– hong developer, Commented May 8, 2019 at 1:48

Tadiwanashe · Accepted Answer · 2019-08-27 13:30:35Z

40

This error can be rectified by linking the module like mentioned above but linking does not work if your app is Expo Managed (created via expo-cli).

Assuming your app is Expo managed, instead of using the AsyncStorage from Facebook RN Documentation:

import AsyncStorage from '@react-native-community/async-storage';

Do:

import { AsyncStorage } from 'react-native';

Check documentation here: AsyncStorage Expo

answered Aug 27, 2019 at 13:30

Tadiwanashe

1,31214 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Anuj Sharma Over a year ago

this solution also doesn't work for me, it's not updating data in first time, please help I am working in a project whose deadline id 5 march means tomorrow.

123dev123 Over a year ago

Good, but deprecated answer, at the top of docs this note

Niko Dunk Over a year ago

If you're running on an Expo managed project, the above solution will no longer work in 2021. As documented on docs.expo.dev/guides/testing-with-jest you can now just add yarn add jest-expo --dev

Tobias Kaufmann Over a year ago

This answer is deprecated! Install it via expo install @react-native-async-storage/async-storage (docs.expo.dev/versions/latest/sdk/async-storage), see the answer from @jonnyg23 below.

jonnyg23 · Accepted Answer · 2021-04-30 18:12:34Z

16

What resolved this for me was to first install the following library:

expo install @react-native-async-storage/async-storage

Then, update your import as such:

import AsyncStorage from '@react-native-async-storage/async-storage'

Note: You may have to restart Expo after this fix.

answered Apr 30, 2021 at 18:12

jonnyg23

2572 silver badges11 bronze badges

3 Comments

Tobias Kaufmann Over a year ago

This is the only valid answer around here!

AyoDavid Over a year ago

This works for me too. It's a valid answer.

Steph Over a year ago

Thank you - after an entire afternoon of searching - this answer was the solution

Munishkin · Accepted Answer · 2019-05-10 16:40:24Z

5

I just had a similar issue and found the answer provided by Krizzu on github very helpful. Here is what he says: 'If you're using expo, you cannot add this package. Use whatever expo gives you (and ignore the warning about deprecation).' and 'You cannot add additional native modules to expo, unless you eject your project.'

You can read more about this issue following the threads on: https://github.com/react-native-community/react-native-async-storage/issues/89 and https://github.com/react-native-community/react-native-async-storage/issues/72. I hope this helps.

edited May 10, 2019 at 16:40

answered May 10, 2019 at 16:34

Munishkin

665 bronze badges

Comments

vanskins · Accepted Answer · 2019-07-17 12:56:22Z

3

Just close the Metro bundler and run react-native run-android or run-ios and it will be fixed.

answered Jul 17, 2019 at 12:56

vanskins

657 bronze badges

3 Comments

NoloMokgosi Over a year ago

guy mentioned he is using expo. I think you need to eject first before running react-native run-ios

Adam Over a year ago

For non expo users - this is a correct solution to the problem. The better answer explanation would help

testing_22 Over a year ago

"BUNDLER" is the key! You have to rebuild your app UGH

Ehsan Zargar Ershadi · Accepted Answer · 2019-06-13 13:44:14Z

2

I had the same issue, the reason was cuz I was using react-native-navigation and it messed up the android section in MainApplication.java, so I had to change the file manually, I had already run this command:

react-native link @react-native-community/async-storage

now I have this:

   private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
        @Override
        public boolean getUseDeveloperSupport() {
            return BuildConfig.DEBUG;
        }

        @Override
        protected List<ReactPackage> getPackages() {
            return Arrays.<ReactPackage>asList(new MainReactPackage(),
            new AsyncStoragePackage()); //<----- here
        }

        @Override
        protected String getJSMainModuleName() {
            return "index";
        }
    };

and this :

    protected List<ReactPackage> getPackages() {
        // Add additional packages you require here
        // No need to add RnnPackage and MainReactPackage
        return Arrays.<ReactPackage>asList(
                // eg. new VectorIconsPackage()                    
                new AsyncStoragePackage()); //<----- here
    }

answered Jun 13, 2019 at 13:44

Ehsan Zargar Ershadi

25k18 gold badges68 silver badges95 bronze badges

2 Comments

hanan Over a year ago

rephrase what you are describing, I didn't really understand. in my MainApplication.java looks like this:

@Override         protected List<ReactPackage> getPackages() {           @SuppressWarnings("UnnecessaryLocalVariable")           List<ReactPackage> packages = new PackageList(this).getPackages();           // Packages that cannot be autolinked yet can be added manually here, for example:           // packages.add(new MyReactNativePackage());           return packages;         }

hanan Over a year ago

are you suggesting to remove this piece of code and replace with yours? or append them? both methods didn't work for me! note I am also using react-navigation and facing same issue here

tuanngocptn · Accepted Answer · 2020-12-20 18:42:06Z

2

Let's try with @react-native-async-storage/async-storage

And if still error I think you will follow the step in this link

remove the app in the Ios simulator (this is the main step for fix the error)
then cd ios/ && pod install
if React Native <= 0.59 run react-native link @react-native-async-storage/async-storage.
run npm start --reset-cache
reinstall app with react-native run-ios

Hope that can help you.

answered Dec 20, 2020 at 18:42

tuanngocptn

1,48915 silver badges22 bronze badges

Comments

Piyush Chandra · Accepted Answer · 2023-05-26 10:01:30Z

1

I faced the same problem while using react native AsyncStorage. Try:

cd ios && pod install || npx pod-install

Note: For react native version higher than 0.60, linking is automatic.

Then just restart the app.

npm start --reset-cache

App should start up and running again.

answered May 26, 2023 at 10:01

Piyush Chandra

3092 silver badges4 bronze badges

Comments

jsbisht · Accepted Answer · 2023-08-15 11:06:51Z

1

I tried the solutions above. My project is expo based react native project.

The only thing that worked was to remove the ios folder. And rebuild everything using npx expo run:ios.

If this doesnt work you could try again with expo install @react-native-async-storage/async-storage and then remove ios folder and rebuild.

answered Aug 15, 2023 at 11:06

jsbisht

9,7798 gold badges56 silver badges61 bronze badges

Comments

Peyman · Accepted Answer · 2024-12-24 08:41:59Z

1

for react-native version 0.76.4 the same problem can be seen and the best activity in this case is to downgrade to 0.76.3 so just run npm install [email protected] in terminal

answered Dec 24, 2024 at 8:41

Peyman

112 bronze badges

1 Comment

HaryanviDeveloper Dec 28, 2024 at 13:34

I was using react-native 0.76.4 with "@react-native-async-storage/async-storage": "^1.23.1", but it was not working tried so many solutions but nothing worked, so after downgrading it is working fine

joanis · Accepted Answer · 2025-02-20 00:14:36Z

1

I also encountered the same error and was using Expo Go. I decided to make a new build and update our devices that I use for testing:

eas build --platform android --profile development

From what I can check the build version previously installed on my devices that did not have the storage module installed.

This answer will be valid for anyone using EAS

edited Feb 20 at 0:14

joanis

13k23 gold badges38 silver badges50 bronze badges

answered Feb 19 at 11:08

Emanuel Lima

111 bronze badge

Comments

irzum shahid · Accepted Answer · 2021-02-16 10:10:13Z

0

running

react-native link @react-native-async-storage/async-storage

after this running Metro with "--reset-cache" verbose and running "react-native run-android" in a fresh cmd resolved my issue

answered Feb 16, 2021 at 10:10

irzum shahid

2104 silver badges13 bronze badges

Comments

Jignesh Mayani · Accepted Answer · 2021-02-16 10:14:02Z

0

Have a try by running the project again by

npx react-native run-android command.

If you are using the iOS Device then:

cd ios && pod install
npx react-native run-ios

if still not works try installing the npm package again and follow the official documentation.

answered Feb 16, 2021 at 10:14

Jignesh Mayani

7,2551 gold badge24 silver badges37 bronze badges

Comments

houcin olmostaf · Accepted Answer · 2021-05-15 19:17:05Z

0

In node_modules/@react-native-async-storage/async-storage”/async-storage/src/AsyncStorage.native.js, replace import RCTAsyncStorage from ‘./RCTAsyncStorage’ by import RCTAsyncStorage from ‘./RCTAsyncStorage.expo’;

answered May 15, 2021 at 19:17

houcin olmostaf

2031 silver badge14 bronze badges

Comments

Yanov · Accepted Answer · 2021-07-14 10:09:25Z

0

In package.json created link:

    "@react-native-community/async-storage": "https://github.com/react-native-async-storage/async-storage",

answered Jul 14, 2021 at 10:09

Yanov

6727 silver badges13 bronze badges

Comments

Daniel Danielecki · Accepted Answer · 2022-06-07 09:25:30Z

0

Autolink npx pod-install didn't work for me.

I had to follow the steps for manual linking to eliminate the error.

answered Jun 7, 2022 at 9:25

Daniel Danielecki

10.9k7 gold badges89 silver badges111 bronze badges

Comments

Kerem Erguner · Accepted Answer · 2022-06-13 21:20:04Z

0

This issue is mostly happen when node_modules folder has been changed by installing new library or some sort of action. Please try removing cache and do yarn install or npm install again

$ npx react-native-clean-project
$ yarn install

answered Jun 13, 2022 at 21:20

Kerem Erguner

1

1 Comment

Kerem Erguner Over a year ago

Try to add this line in the file where you add the navigation: import * as React from 'react'; this has worked for me.

Muhammad Qasim Qadri · Accepted Answer · 2022-07-20 17:23:11Z

0

try cleaning cache and and restart the server, or you can rebuild the app

npm start --reset-cache
npm run android 
for ios: npm run ios

answered Jul 20, 2022 at 17:23

Muhammad Qasim Qadri

8022 gold badges7 silver badges16 bronze badges

Comments

Muhammad Arslan ali · Accepted Answer · 2022-08-26 15:07:07Z

0

Have a try by running the project again by

npx react-native run-android command. If you are using the iOS Device then:

cd ios && pod install

npx react-native run-ios

if still not works try installing the npm package again and follow the official documentation.

answered Aug 26, 2022 at 15:07

Muhammad Arslan ali

1

2 Comments

Muhammad Arslan ali Over a year ago

npm start --reset-cache npm run android for ios: npm run ios

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

jose920405 · Accepted Answer · 2023-04-04 20:53:08Z

0

install pods -> pod install
uninstall the app
install the app again.

answered Apr 4, 2023 at 20:53

jose920405

8,0656 gold badges48 silver badges76 bronze badges

Comments

Abhishek Jain · Accepted Answer · 2024-02-21 05:14:06Z

0

For folks who are still facing this issue on the latest versions onf Expo (v48 and above)

Rebuild the application and generate the development build. This should resolve the issue for you.

answered Feb 21, 2024 at 5:14

Abhishek Jain

1,00711 silver badges30 bronze badges

Comments

Krishn Panchal · Accepted Answer · 2024-03-02 05:35:30Z

0

npx expo-doctor

npx expo install --check

just run this two command for dependency conflicts and see magic, it works fine

answered Mar 2, 2024 at 5:35

Krishn Panchal

1

Comments

andrewJames · Accepted Answer · 2024-03-08 04:56:28Z

0

The @react-native-community/react-native-async-storage is probably being used as a dependency for another library. But it's deprecated.

You should use @react-native-async-storage/async-storage instead.

edited Mar 8, 2024 at 4:56

andrewJames

22.6k11 gold badges32 silver badges72 bronze badges

answered Mar 7, 2024 at 13:36

Bruno Aiolfi

112 bronze badges

Comments

Rabi Thapa · Accepted Answer · 2025-03-07 17:15:31Z

Encountered an same error in my React Native project. After troubleshooting, I found a solution that resolved the problem. Here’s a step-by-step guide to fix it.

Step-by-Step Fix

Ensure Correct Installation

npm install @react-native-async-storage/async-storage

Or, if using Yarn:

**yarn add @react-native-async-storage/async-storage**

Clear Cache and Rebuild Since React Native caches can cause issues, I cleared the cache and restarted my project using the following commands:

npx react-native start --reset-cache

npx react-native run-android # For Android
Check for Linking React Native should automatically link the package. However, if I needed to manually link it, I used:

npx react-native link @react-native-async-storage/async-storage
Manually Rebuild for Android

For Android, I ensured a clean build by running:

cd android

./gradlew clean

cd ..

npx react-native run-android

After making these changes, my AsyncStorage implementation worked correctly.

Collectives™ on Stack Overflow

NativeModule: AsyncStorage is null, with @RNC/AsyncStorage

23 Answers 23

4 Comments

3 Comments

Comments

3 Comments

2 Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

23 Answers 23

4 Comments

3 Comments

Comments

3 Comments

2 Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related