redux serialize 관련 에러

Redux Toolkit - A non-serializable value was detected in an action, in the path: type 오류 해결

Getting an error "A non-serializable value was detected in the state" when using redux toolkit - but NOT with normal redux

📍 문제발생

오류 내용을 천천히 읽어 보면 state에 직렬화가 불가능한 값이 감지되었다는 뜻으로 해석할 수 있다.

직렬화란 redux에서 값을 주고받을 때 object 형태의 값을 string 형태로 변환하는 것을 말한다.(JSON.stringify)

Redux는 state, action에 직렬화가 불가능한 값을 전달할 수 없기 때문에 에러가 발생한 것이다.

자세한 내용은 아래 리덕스 공식 문서에서 확인을 할 수 있다.

Organizing State | Redux

📍해결방법

해당 경고를 꺼야 하는 경우 특정 작업 유형이나 작업 및 상태의 필드를 무시하도록 미들웨어를 구성하여 사용자 정의할 수 있다.

store.ts

configureStore({
  //...
  middleware: (getDefaultMiddleware) =>
		getDefaultMiddleware({ serializableCheck: false }),
})