redux error - A non-serializable value was detected in an action, in the path 해결 방법

 

• 참고 링크

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

 

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

export const store = configureStore({
  reducer: {
    locationReducer,
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      serializableCheck: false,
    }),
});

middleware를 추가해준다.

 

에러 원인

Redux Toolkit에서 자동으로 생성해 주는 action 객체는 action 생성자 함수 형태이기 때문이다. type의 인자로 string 값이 전달되어야 하는데 함수가 전달돼서 오류가 발생한 것이다.