57 lines
1.8 KiB
TypeScript
57 lines
1.8 KiB
TypeScript
import userReducer from '../state/UserSlice';
|
|
import settingsReduder from './SettingsSlice';
|
|
import { StateFromReducersMapObject, configureStore } from '@reduxjs/toolkit';
|
|
import languageReducer from './LanguageSlice';
|
|
import {
|
|
TypedUseSelectorHook,
|
|
useDispatch as reduxDispatch,
|
|
useSelector as reduxSelector,
|
|
} from 'react-redux';
|
|
import {
|
|
persistStore,
|
|
persistCombineReducers,
|
|
FLUSH,
|
|
PAUSE,
|
|
PERSIST,
|
|
PURGE,
|
|
REGISTER,
|
|
REHYDRATE,
|
|
} from 'redux-persist';
|
|
import AsyncStorage from '@react-native-async-storage/async-storage';
|
|
import { CurriedGetDefaultMiddleware } from '@reduxjs/toolkit/dist/getDefaultMiddleware';
|
|
import { PersistPartial } from 'redux-persist/es/persistReducer';
|
|
|
|
const persistConfig = {
|
|
key: 'root',
|
|
storage: AsyncStorage,
|
|
};
|
|
const reducers = {
|
|
user: userReducer,
|
|
language: languageReducer,
|
|
settings: settingsReduder,
|
|
};
|
|
|
|
type State = StateFromReducersMapObject<typeof reducers>;
|
|
|
|
const store = configureStore({
|
|
reducer: persistCombineReducers(persistConfig, reducers),
|
|
middleware: (getDefaultMiddleware: CurriedGetDefaultMiddleware<State & PersistPartial>) =>
|
|
getDefaultMiddleware({
|
|
serializableCheck: {
|
|
ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
|
|
},
|
|
}),
|
|
});
|
|
const persistor = persistStore(store);
|
|
|
|
// Infer the `RootState` and `AppDispatch` 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;
|
|
// Use throughout your app instead of plain `useDispatch` and `useSelector`
|
|
export const useDispatch: () => AppDispatch = reduxDispatch;
|
|
export const useSelector: TypedUseSelectorHook<RootState> = reduxSelector;
|
|
|
|
export default store;
|
|
export { persistor };
|