WebStudio/src/store.ts
2020-05-10 14:00:03 +02:00

39 lines
1.1 KiB
TypeScript

import raygun from "raygun4js";
import { configureStore, Action, getDefaultMiddleware } from "@reduxjs/toolkit";
import rootReducer, { RootState } from "./rootReducer";
import { ThunkAction } from "redux-thunk";
import {
mixerMiddleware,
mixerKeyboardShortcutsMiddleware,
startNewsTimer,
} from "./mixer/state";
import { persistStore } from "redux-persist";
const store = configureStore({
reducer: rootReducer,
middleware: [
mixerMiddleware,
mixerKeyboardShortcutsMiddleware,
(store) => (next) => (action) => {
raygun("recordBreadcrumb", "redux-action", action);
return next(action);
},
...getDefaultMiddleware(),
],
});
if (process.env.NODE_ENV === "development" && module.hot) {
module.hot.accept("./rootReducer", () => {
const newRootReducer = require("./rootReducer").default;
store.replaceReducer(newRootReducer);
});
}
export const persistor = persistStore(store);
export type AppDispatch = typeof store.dispatch;
export type AppThunk = ThunkAction<void, RootState, null, Action<string>>;
store.dispatch(startNewsTimer() as any);
export default store;