store.ts

import { combineReducers, configureStore } from '@reduxjs/toolkit'
import logger from 'redux-logger'
import { useDispatch, TypedUseSelectorHook, useSelector } from 'react-redux'
import { api } from '@/api'
import { tagsSlice } from './slices/tagsSlice'
import { additionalServicesSlice } from './slices/additionalServicesSlice'
import { regionsSlice } from './slices/regionsSlice'
import { searchSlice } from './slices/searchSlice'


const rootReducer = combineReducers({
  tags: tagsSlice.reducer,
  regions: regionsSlice.reducer,
  search: searchSlice.reducer,
  additionalServices: additionalServicesSlice.reducer,
  [api.reducerPath]: api.reducer
})

export type AppState = ReturnType<typeof rootReducer>

export function initializeStore(preloadedState: any = {}) {
  return configureStore({
    reducer: rootReducer,
    preloadedState,
    middleware: (getDefaultMiddleware) =>
      getDefaultMiddleware({ serializableCheck: false })
      .concat(api.middleware),
  })
}


export type AppDispatch = ReturnType<typeof initializeStore>["dispatch"]