How to get persisted state in normal function/helper files.

[swathi2378]

Hii.

I have a interceptor where i will add headers and token on every http request. its not a connected component nor Action creator. I need to get the persisted data here to pass it to my requests.

Store.js

let store = createStore(persistedReducer, {}, applyMiddleware(ReduxThunk)) let persistor = persistStore(store) return { store, persistor }

interceptor.js

const { store, persistor } = configureStore(); const state = store.getState(); const { userToken } = state.token;

I am always getting the initial state not persisted state. How can i achieve it??

[basemkhirat]

Me too. Any answers?

[draperunner]

Maybe not the answer you're looking for, but I solved this by keeping my tokens outside Redux. I am storing them directly in secure storage using https://github.com/oblador/react-native-keychain. This allows me to make a secureFetch function that can be imported anywhere, which will read the access token and handle refresh, and so on.

[benichal]

@swathi2378 did you find something about that? I'm trying to do exactly the same, getting persisted state outside component..

[benichal]

Hey guys, i found the solution :

const state = store.getState(); have to be INSIDE the component

example :

...
import configureStore from ...
const {store, persistor} = configureStore();

const MyComponent = () => {
    const state = store.getState();
   /* you can use state until now and it is hydrated */
   ....
}

[sw7x]

Me too. Any answers?

[noob-programmer9012]

// use getStoredState api from redux-persist

import { getStoredState } from "redux-persist";  
import storage from "redux-persist/lib/storage";

async function loader()  { 
  const persistConf = {
      key: "root",
      version: 1,
      storage,
   };
   
  const state = await getStoredState(persistConf);
  console.log(state);
}