[A non-serializable value was detected in the state] 에러 해결하기 (Redux-toolkit)

직렬화되지 않은 상태나 액션이 있을 때 나타나는 에러이다.

 

리덕스 툴킷에서는 개발 환경에서 기본적으로 미들웨어를 활성화하여,

직렬화되지 않은 상태 혹은 dispatch 하는 것에 대해 경고를 한다.

 

근데 내 애플리케이션에서 데이터를 주고 받을 때는 딱히 직렬화가 필요없기 때문에

이러한 설정을 끄면 경고를 없앨 수 있다.

 

나는 store를 저장하는 파일을 따로 가지고 있었기 때문에 해당 파일에서 아래 코드를 추가했다.

// ../redux/store.js

configureStore({
  reducer: rootReducer,
  devTools: process.env.NODE_ENV !== 'production',
  
  /** 요기 부분 추가 */
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      serializableCheck: false
    }),
})