Redux-presist - Cannot read property 'getState' of undefined

Question

I am learning to use Redux persist so not to lose my store data when refresh the page. I am using custom middleware named logger. I kind of know that this error is because my store is undefined when i'm calling provider but I don't know where I am doing wrong. Please help me understand the issue and resolve it.

const persistConfig = {
    key: 'root',
    storage,
}

const persistedReducer = persistReducer(persistConfig, rootReducer)

const { store, persistor } = () => {
    const store = createStore (
        persistedReducer, 
        applyMiddleware (logger)
    );

    const persistor = persistStore(store)
    return { store, persistor }
}

ReactDOM.render(
    <Provider store={store}> 
        <PersistGate loading={null} persistor={persistor}>
            <App />
        </PersistGate>
    </Provider>, document.getElementById('root')
);
registerServiceWorker();

you need to call function: `const { store, persistor } = (() => { ... })() — iofjuupasli, Mar 12 '19 at 12:40
Please can you tell me some link containing information about the thing you used — Ketan, Mar 12 '19 at 12:56
https://stackoverflow.com/questions/22138550/immediate-function-using-javascript-es6-arrow-functions — iofjuupasli, Mar 12 '19 at 14:32

score 0 · Answer 1 · answered Oct 26 '20 at 16:09

0

Check your export and Import of store.

export default

//In store.js file
export default store;

//in App.js

import store from ..[path]

answered Oct 26 '20 at 16:09

Noble Kuz

211
2
4

Redux-presist - Cannot read property 'getState' of undefined

1 Answers1