reduxjs-toolkit 사용시 비직렬화 문제..

reduxjs-toolkit을 사용하여 작업 도중 에러 발생..

 

작업 코드

다행히도 user정보는 담겨있는데 친숙한... 경고..

검색을 해보니 외쿸 형님들이 정성스럽게 올려놓은 글을 찾았다.. 휴..

글을 읽어보니 직렬화 관련 문제?!

 

 you should be able to configure the middleare to remove the serilizable check or ignore specific actions

'직렬화 가능 검사를 제거하거나 특정 작업을 무시하도록 구성할 수 있어야 합니다' 라고 얘기하시네요..

 

1. 비활성화 코드

import { configureStore, getDefaultMiddleware } from 'redux-starter-kit'

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

2. 특정 작업 비활성화 코드 

import { configureStore, getDefaultMiddleware } from 'redux-starter-kit'
import { actionTypes } from 'react-redux-firebase'

export const store = configureStore({
  reducer,
  middleware: getDefaultMiddleware({
    serializableCheck: {
        ignoredActions: [actionTypes.LOGIN]
    }
  }),
})

 

저는 1번으로 해결!! 

구체적인 이유는 프로젝트 완성후 찾기로..   계속해서 전진!!