refactor: store folder for redux

src/lib/store/features/auth/authSlice.ts

@@ -0,0 +1,23 @@
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+
+interface AuthState {
+    phoneNumber: string | null;
+}
+
+const initialState: AuthState = {
+    phoneNumber: null,
+};
+
+export const authSlice = createSlice({
+    name: "authentication",
+    initialState,
+    reducers: {
+        setPhoneNumber: (state, action: PayloadAction<string | null>) => {
+            state.phoneNumber = action.payload;
+        },
+    },
+});
+
+export const { setPhoneNumber } = authSlice.actions;
+
+export default authSlice.reducer;

src/lib/store/features/rootReducer.ts

@@ -0,0 +1,8 @@
+import { combineReducers } from "@reduxjs/toolkit";
+import authReducer from "@/lib/store/features/auth/authSlice";
+
+const rootReducer = combineReducers({
+    auth: authReducer,
+});
+
+export default rootReducer;

src/lib/store/store.ts

@@ -0,0 +1,28 @@
+import { configureStore } from "@reduxjs/toolkit";
+import { useDispatch } from "react-redux";
+import { persistReducer, persistStore } from "redux-persist";
+import storage from "redux-persist/lib/storage";
+import rootReducer from "@/lib/store/features/rootReducer";
+
+const persistConfig = {
+    key: "root",
+    storage,
+    whitelist: ["targetService", "verification", "auth"],
+};
+
+const persistedReducer = persistReducer(persistConfig, rootReducer);
+
+export const store = configureStore({
+    reducer: persistedReducer,
+    middleware: getDefaultMiddleware =>
+        getDefaultMiddleware({
+            serializableCheck: false,
+        }),
+});
+
+export const persistor = persistStore(store);
+
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;
+
+export const useAppDispatch = () => useDispatch<AppDispatch>();