react-native asyncLocalStorage requires a global localStorage object

Using react-native version 0.33.0

Getting he following error:

redux-persist asyncLocalStorage requires a global localStorage object. Either use a different storage backend or if this is a universal redux application you probably should conditionally persist like so: https://gist.github.com/rt2zz/ac9eb396793f95ff3c3b

import { createStore, applyMiddleware, compose, AsyncStorage } from 'redux';
import thunk from 'redux-thunk';
import createLogger from 'redux-logger';
import { persistStore, autoRehydrate } from 'redux-persist'

import { rootReducer } from '../redux';

const logger = createLogger({
  // Only log in dev mode
  predicate: (getState, action) => process.env.NODE_ENV === `development`
});

const enhancer = compose(
  applyMiddleware(thunk, logger),
  autoRehydrate()
);

export default function configureStore(initialState = {}) {
  const store = createStore(rootReducer, initialState, enhancer);
  persistStore(store, {storage: AsyncStorage});
  return store;
};

The ../redux index.js file is essentially:

export const rootReducer = combineReducers({
  auth,
  global,
...
});

Everything works if I remove the persistStore call to connect the rehydration to the store.

[varungupta85]

I think the AsyncStorage should be imported from react-native instead of redux. Try

import {AsyncStorage} from 'react-native'

[mountainstar]

you should not have to pass “this.setState” as an invoked function inside “persistStore” you can run this.setState({ rehydrated: true }) outside like this:

componentWilllMount() { presistStore(store, { storage: AsyncStorage }); this.setState({ rehydrated: true }); }