Can't persist state in React Native using easy-peasy

Question

I'm getting the following error, when passing AsyncStorage as the storage engine:

WARN  Possible Unhandled Promise Rejection (id: 0):
Error: [AsyncStorage] Passing null/undefined as value is not supported. If you want to remove value, Use .removeItem method instead.
Passed value: undefined
Passed key: [EasyPeasyStore][0]

Here's my store declaration:

import { action, createStore, persist } from "easy-peasy";
import AsyncStorage from "@react-native-async-storage/async-storage";

const store = createStore(
    persist({
        ...my state goes here
    }, {
        storage: AsyncStorage
    })
);

You need to show more of your code - like where are you importing `AsyncStorage` from? — Slbox, Mar 16 '22 at 18:39

score 0 · Answer 1 · answered Mar 18 '22 at 22:37

0

Try adding the allow property

const store = createStore(
persist({
    ...my state goes here
}, {
    allow: ['state attributes here ex. user'],
    storage: AsyncStorage
})

);

answered Mar 18 '22 at 22:37

Maikel Espitia Viloria

1

score 0 · Answer 2 · answered Nov 16 '22 at 17:29

After a lot of time spent in debugging and searching through the GitHub issues, this is the solution I have found. Works like a charm here. Also, you need to allow which state variables are to be persisted.

import { action, createStore, persist } from "easy-peasy";
import AsyncStorage from "@react-native-async-storage/async-storage";

const store = createStore(
    persist({
        ...my state goes here
    }, {
        storage: {
            getItem: async function (key){
                console.log("GET_ITEM: ", key);
                const value = await AsyncStorage.getItem(key);
                return JSON.parse(value);
            },
            setItem: function (key, value){
                console.log("SET_ITEM: ", key, value);
                AsyncStorage.setItem(key, JSON.stringify(value))
            }
        },
        allow: ['Names of the state variables to be persisted goes here']
    })
);

Can't persist state in React Native using easy-peasy

2 Answers2