JS에러 - redux-persist failed to create sync storage. falling back to noop storage

안녕하세요.

리덕스 세팅 중에 다음과 같은 에러가 발생했습니다.

redux-persist failed to create sync storage. falling back to noop storage.

 

redux-persist 세팅 중에 발생한 에러입니다.

원인은 버전이 맞지 않아 최근 버전의 방법처럼 세팅을 해주셔야 합니다.

sync 스토리지 생성을 실패했는데요. 실패한 코드는 다음과 같습니다.

기존 코드

import { applyMiddleware, createStore } from "redux";
import { persistStore, persistCombineReducers } from "redux-persist";
import storage from "redux-persist/lib/storage";
import thunk from "redux-thunk";

const middlewares = [thunk];

const persistConfig = {
	key: "root",
	storage
};

기존 코드인 실패한 코드는 storage를 redux-persist 라이브러리에서 갖고 온 storage를 설정 값에 넣어 줍니다.

하지만 최근 버전에서는 react-native에서 갖고 오셔야 됩니다.

 

변경 코드

import { AsyncStorage } from 'react-native';
import { applyMiddleware, createStore } from "redux";
import { persistStore, persistCombineReducers } from "redux-persist";
import thunk from "redux-thunk";

const middlewares = [thunk];

const persistConfig = {
	key: "root",
	storage: AsyncStorage
};

storage 방식을 위와 같이 저장해주시면 해결이 되겠습니다.

감사합니다.