[에러 일지] serializableStateInvariantMiddleware.ts:194 A non-serializable value ...

🚫 serializableStateInvariantMiddleware.ts:194 A non-serializable value was detected in an action, in the path: register. Value: ƒ register(key) {
_pStore.dispatch({
type: _constantsWEBPACK_IMPORTED_MODULE_0.REGISTER,
key: key});}
Take a look at the logic that dispatched this action: {type: 'persist/PERSIST', register: ƒ, rehydrate: ƒ}
(See https://redux.js.org/faq/actions#why-should-type-be-a-string-or-at-least-serializable-why-should-my-action-types-be-constants)
(To allow non-serializable values see: https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data)

redux-persist 사용 중에 위와 같은 에러가 발생한다면 serializableCheck를 사용하지 않도록 middleware를 설정해주면 된다.

const store = configureStore({
  reducer: {
    auth: persistReducer(persistAuthConfig, authReducer)
  },
  middleware: (defaultMiddleware) =>
    defaultMiddleware({
      serializableCheck: false
    })
});