A non-serializable value was detected in an action, in the path: `register`. ~ 에러 해결

redux-persist 라이브러리를 사용하는데 있어서 아래 이미지와 같은 에러가 콘솔창에 찍힙니다.

https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data 를 확인하라고 합니다.

확인해보니 redux-persist를 사용할 때에는 getDefaultMiddleware 함수에 인자로 예외처리를 해주어야 한다고 합니다.

const store = configureStore({
  reducer: persistedReducer,
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      serializableCheck: {
        ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
      },
    }),
})

ignoredActions를 위와 같이 추가해주시면 해결됩니다. 끄읏.