[TypeScript] Redux-Toolkit에서 store와 dispatch type 지정 방법

import { configureStore } from '@reduxjs/toolkit'
import menuSlice from './menu-slice'

const store = configureStore({
  reducer: { menu: menuSlice.reducer },
})

redux 파일에 아래와 같이 코드가 작성되어 있을 때 store와 dispatch 타입 지정 방법은 아래와 같다.

 

1. store type

export type storeType = ReturnType<typeof store.getState>

 

2. dispatch type

export type dispatchType = typeof store.dispatch