🐛 Bug: 회원가입 페이지 Redux Error

[oceanlee-seoul]

🐛 버그 설명

회원가입 페이지 Redux Error

상황

회원가입 페이지에서 중복된 이메일로 가입을 시도하면, 이메일 중복 모달을 open한 후, 모달의 확인 버튼을 누를 때 회원가입 페이지에서 email input에 focus 및 resetField 실행을 위해서 이메일 중복 모달로 focus, resetField 함수를 전달했습니다.

구동하는 것은 이상이 없지만 다음과 같은 에러가 출력됩니다.

해당 에러는 redux의 state로 함수와 같은 비직렬화 데이터가 들어갈 수 없다는 뜻입니다.

non-serializable value란, Promises, Symbols, Maps/Sets, functions, class instances 로 직렬화 할 수 없는 값을 의미하며, serializable(직렬화) 란 어떤 프로그램 상에서 사용하고 있는 Object나 데이터 구조를 바이트 형태로 바꿔서 다른 환경 등에서도 사용할 수 있는 형태(ex. String)로 바꾸어 주는것을 말한다고 합니다.

Redux에서는 state에 비직렬화 데이터를 넘겨주는 것에 대한 경고는 띄워주지만 제한은 하지 않는다고 합니다.

*저희 같은 간단한 함수를 전달하는 것도 해당 문제를 야기할지는 잘 모르겠습니다...

비직렬화 데이터 전달에 대한 경고는 아래와 같이 미들웨어 설정을 통해서 끌 수 있다고 하네용

코멘트 (optional)

원인이나 해결방안에 관한 간단한 스케치나 추가적인 코멘트가 있다면 적어주세요.

[un0211]

상세하게 알아봐주셨네요!! 저도 작업하면서 더 찾아보고 추가할 말이 있다면 추가할게요!!