streamplace / js / app / store / store.tsx

import type { Action, ThunkAction } from "@reduxjs/toolkit";
import { combineSlices, configureStore } from "@reduxjs/toolkit";
import { setupListeners } from "@reduxjs/toolkit/query";
import { baseSlice } from "features/base/baseSlice";
import { sidebarSlice } from "features/base/sidebarSlice";
import { blueskySlice } from "features/bluesky/blueskySlice";
import { platformSlice } from "features/platform/platformSlice";
import { streamplaceSlice } from "features/streamplace/streamplaceSlice";

import { listenerMiddleware } from "./listener";

const rootReducer = combineSlices(
  blueskySlice,
  streamplaceSlice,
  platformSlice,
  sidebarSlice,
  baseSlice,
);

export type RootState = ReturnType<typeof rootReducer>;

export const makeStore = (preloadedState?: Partial<RootState>) => {
  const store = configureStore({
    reducer: rootReducer,
    // Adding the api middleware enables caching, invalidation, polling,
    // and other useful features of `rtk-query`.
    middleware: (getDefaultMiddleware) => {
      return getDefaultMiddleware({
        serializableCheck: {
          // Ignore these action types
          ignoredActions: [],
          // Ignore these field paths in all actions
          ignoredActionPaths: ["payload"],
          // Ignore these paths in the state
          ignoredPaths: [/^bluesky\..*/, /^streamplace\..*/],
        },
      }).prepend(listenerMiddleware.middleware);
    },
    preloadedState,
  });
  // configure listeners using the provided defaults
  // optional, but required for `refetchOnFocus`/`refetchOnReconnect` behaviors
  setupListeners(store.dispatch);
  return store;
};

export const store = makeStore();

// Infer the type of `store`
export type AppStore = typeof store;
// Infer the `AppDispatch` type from the store itself
export type AppDispatch = AppStore["dispatch"];
export type AppThunk<ThunkReturnType = void> = ThunkAction<
  ThunkReturnType,
  RootState,
  unknown,
  Action
>;