javascript - Redux Toolkit で preloadedState を使用する方法

Question

ページをリロードしても状態の変化を保存したい。console.log で oldState const を確認しましたが、動作します。しかし、私の UI はローカル ストレージからの状態を表示しません。preloadedState で oldState const を使用するにはどうすればよいですか?

const saveState = state => {
  try {
    const serialisedState = JSON.stringify(state)
    window.localStorage.setItem('appState', serialisedState)
  } catch (err) {
    // error message
  }
}

const loadState = () => {
  try {
    const serialisedState = window.localStorage.getItem('appState')
    console.log(serialisedState)
    if (!serialisedState) return undefined
  } catch (err) {
    // error message
    return undefined
  }
}

const oldState = loadState()

export const store = configureStore({
  reducer: {
    products,
    filters,
    product,
    cart,
  },
  preloadedState: oldState,
})

store.subscribe(() => {
  saveState(store.getState())
})