diff --git a/packages/redux-devtools-rtk-query-monitor/demo/src/store.ts b/packages/redux-devtools-rtk-query-monitor/demo/src/store.ts index 095ebbb1..095ec95e 100644 --- a/packages/redux-devtools-rtk-query-monitor/demo/src/store.ts +++ b/packages/redux-devtools-rtk-query-monitor/demo/src/store.ts @@ -1,4 +1,9 @@ -import { configureStore, Middleware } from '@reduxjs/toolkit'; +import { + configureStore, + Middleware, + combineReducers, + EnhancedStore, +} from '@reduxjs/toolkit'; import { pokemonApi } from './services/pokemon'; import { postsApi } from 'services/posts'; import DevTools from './features/DevTools/DevTools'; @@ -6,17 +11,19 @@ import { isExtensionEnabled } from 'features/DevTools/helpers'; const devTools = isExtensionEnabled(); -export const store = configureStore({ - reducer: { - [pokemonApi.reducerPath]: pokemonApi.reducer, - [postsApi.reducerPath]: postsApi.reducer, - }, +const reducer = combineReducers({ + [pokemonApi.reducerPath]: pokemonApi.reducer, + [postsApi.reducerPath]: postsApi.reducer, +}); + +export const store: EnhancedStore> = configureStore({ + reducer, devTools, // adding the api middleware enables caching, invalidation, polling and other features of `rtk-query` middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat([ pokemonApi.middleware, postsApi.middleware, - ] as Middleware[]), - enhancers: devTools ? [] : [DevTools.instrument()], + ]) as Middleware[], + enhancers: (devTools ? [] : [DevTools.instrument()]) as any, });