29 lines
991 B
TypeScript
29 lines
991 B
TypeScript
|
import { combineReducers, configureStore } from "@reduxjs/toolkit";
|
||
|
|
import { useDispatch, TypedUseSelectorHook, useSelector } from "react-redux";
|
||
|
|
import { persistReducer } from "redux-persist";
|
||
|
|
// import storage from "redux-persist/lib/storage";
|
||
|
|
import { authReducer } from "./slices/authSlice";
|
||
|
|
import storage from "./customStorage";
|
||
|
|
import logger from "redux-logger";
|
||
|
|
|
||
|
|
const authPersistConfig = {
|
||
|
|
key: "chatapi",
|
||
|
|
storage: storage,
|
||
|
|
whitelist: ["apiKey"],
|
||
|
|
};
|
||
|
|
|
||
|
|
const rootReducer = combineReducers({
|
||
|
|
auth: persistReducer(authPersistConfig, authReducer),
|
||
|
|
});
|
||
|
|
|
||
|
|
export const store = configureStore({
|
||
|
|
reducer: rootReducer,
|
||
|
|
middleware: (getDefaultMiddleware) =>
|
||
|
|
getDefaultMiddleware({ serializableCheck: false }).concat(logger),
|
||
|
|
});
|
||
|
|
|
||
|
|
export type RootState = ReturnType<typeof store.getState>;
|
||
|
|
export type AppDispatch = typeof store.dispatch;
|
||
|
|
|
||
|
|
export const useAppDispatch = () => useDispatch<AppDispatch>();
|
||
|
|
export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
|