How to update the secretKey async

On app load, I want to do the following:

1. Check expo-secure-store async for a previous stored encryption secret key
2. If it doesn’t exist, create a random uuid and save it in expo-secure-store async and use it as the secret key for encryption
3. If it does exist, use it as the secret key for encryption

However, because this process is async, I don’t see how to export the store and persistor.

const persistConfig = {
  key: 'root',
  version: 2,
  storage: FSStorage(),
  transforms: [
    encryptTransform({
      secretKey: 'my-super-secret-key',
      onError: function (error) {
        // Handle the error.
      },
    }),
  ],
};

export const store = configureStore({
  reducer: rootReducer,
  enhancers: [autoRehydrate()]
});

export const persistor = persistStore(store, persistConfig);

Does anyone have an example of how to update the secretKey after the app has loaded, without hard-coding it?

[keval2605]

@ou2s can you provide the example for this asap.

[ou2s]

@rueiwoqp @gczene @andreaslydemann I’ve managed to do this. I think I will provide a more detailed example soon but for the moment, here are the guidelines:

1. Make your configureStore function async
2. Do not render the Provider until store creation is finished by putting the configureStore method in a useEffet at the root of your app.