Works

src/store/store.ts

@@ -1,75 +1,34 @@
 import { combineReducers, configureStore } from "@reduxjs/toolkit";
 import { persistReducer, persistStore } from "redux-persist";
+import storage from "redux-persist/es/storage";
+import phaseReducer from "./slices/phaseSlice";
 import timeReducer from "./slices/timeSlice";
 
-const noopStorage = {
-	getItem() {
-		return Promise.resolve(null);
-	},
-	setItem() {
-		return Promise.resolve();
-	},
-	removeItem() {
-		return Promise.resolve();
-	},
-};
-
-// redux-persist's bundled storage engine can throw or come back malformed in
-// some browsers (private mode, locked-down storage), so this is a minimal
-// storage engine that never touches `redux-persist/lib/storage`.
-function createLocalStorageEngine() {
-	if (typeof window === "undefined") return noopStorage;
-	try {
-		const testKey = "__by_other_means_storage_test__";
-		window.localStorage.setItem(testKey, testKey);
-		window.localStorage.removeItem(testKey);
-	} catch {
-		return noopStorage;
-	}
-	return {
-		getItem(key: string) {
-			return Promise.resolve(window.localStorage.getItem(key));
-		},
-		setItem(key: string, value: string) {
-			window.localStorage.setItem(key, value);
-			return Promise.resolve();
-		},
-		removeItem(key: string) {
-			window.localStorage.removeItem(key);
-			return Promise.resolve();
-		},
-	};
-}
-
-// Configure which slices to persist
 const persistConfig = {
-	key: "root",
-	storage: createLocalStorageEngine(),
-	whitelist: ["time"],
+  key: "root",
+  storage: storage,
+  whitelist: ["time", "phase"],
 };
 
-// Combine all reducers
 const rootReducer = combineReducers({
-	time: timeReducer,
+  time: timeReducer,
+  phase: phaseReducer,
 });
 
-// Create persisted reducer
 const persistedReducer = persistReducer(persistConfig, rootReducer);
 
 export const store = configureStore({
-	reducer: persistedReducer,
-	middleware: (getDefaultMiddleware) =>
-		getDefaultMiddleware({
-			serializableCheck: {
-				ignoredActions: ["persist/PERSIST", "persist/REHYDRATE"],
-			},
-		}),
+  reducer: persistedReducer,
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware({
+      serializableCheck: {
+        ignoredActions: ["persist/PERSIST", "persist/REHYDRATE"],
+      },
+    }),
 });
 
 export const persistor = persistStore(store);
 
-// Infer the `RootState`,  `AppDispatch`, and `AppStore` types from the store itself
 export type RootState = ReturnType<typeof store.getState>;
-// Inferred type: {posts: PostsState, comments: CommentsState, users: UsersState}
 export type AppDispatch = typeof store.dispatch;
 export type AppStore = typeof store;