redux store with localstorage api stitch together

store.js

// store.js
import { configureStore } from "@reduxjs/toolkit";
import scoreBoardSlice from '../ScoreBoard/scoreBoardSlice'; // ignore
import { loadState, saveState } from './localStorage'; // <-- our utility of localstorage
import { debounce } from './index'; // <-- our utility to prevent writing too often.
const persistedState = loadState();
 
const store = configureStore({
 reducer: scoreBoardSlice.reducer,
 preloadedState: persistedState, // <--- where we pre-load data we saved to local storeage
});
 
 
store.subscribe(debounce(() => {
 saveState({
   scoreBoard: store.getState().scoreBoard, // <--- where we save data to localstorage  once every 1000ms 
 });
}, 1000));
 
 
export {
 store
};