RTK: preloaded state and type inferring from store?

[dakur]

As I can read from docs, preloaded state can be passed like this:

// e.g. store.ts
export const configureAppStore = (preloadedState) => configureStore(
  reducer: slice.reducer,
  preloadedState,
);

// e.g. index.tsx
const store = configureAppStore(typedStateFrom(data));

Also, docs speak about type inferring like this:

const store = configureStore({
  reducer: slice.reducer,
})
export type RootState = ReturnType<typeof store.getState>

My question is how to combine these two things together. Because when I tried it, I came across a problem that module exports can be declared only in top level of the code (and it makes sense) but for passing a preloaded state, I need to create the store in a callback.

// ❌ no way how to pass preloaded state
export const store = configureStore({
  preloadedState,
  reducer: slice.reducer,
})
export type RootState = ReturnType<typeof store.getState>

export const configure = (preloadedState: State) => {
  const store = configureStore({
    preloadedState,
    reducer: slice.reducer,
  })
  export type RootState = ReturnType<typeof store.getState> // ❌ can't define export in scoped context
  return store;
}

Is there some way how to tackle the problem? Or can I use only one or another feature? Couldn't find any mention about it somewhere.

Thank you in advance.

[EskiMojo14]

export type RootState = ReturnType<typeof slice.reducer>;
export const configure = (preloadedState?: RootState) => {
  const store = configureStore({
    preloadedState,
    reducer: slice.reducer,
  })
  return store;
}

[dakur]

Thank you for your answer, that seems to work. Do you also have similar solution for dispatch? There is also store used..

export type Dispatch = typeof store.dispatch;

[EskiMojo14]

export type RootState = ReturnType<typeof slice.reducer>;
export const configure = (preloadedState?: RootState) => {
  const store = configureStore({
    preloadedState,
    reducer: slice.reducer,
  })
  return store;
}
export type AppStore = ReturnType<typeof configure>;
export type AppDispatch = AppStore["dispatch"]

[dakur]

Wow, great, thank you very much!