codestates / codestates/Podo

[:space_invader:Error] Client_Actions must be plain objects.

Open
#220 0 comments 0 reactions 1 assignee Claimed by @LauraBoraKim View on GitHub
Error Handling Log
Dominant language
JavaScript
Stars
0
Forks
2
PR merge metrics
No merged PRs in 30d

Description

**에러를 상세히 작성하세요**
Actions must be plain objects.
![스크린샷, 2021-12-12 02-11-45](https://user-images.githubusercontent.com/50609368/145686467-967c6fbf-e13f-4035-a107-b064bf7b11c7.png)
Create의 4번째 페이지인 Period.js의 MiniCalendar.js 컴포넌트를 구현하던 중 위와 같은 에러가 발생했다.
`const onClickDate = (date) => {
dispatch(setStartDate(date));
};`
다른 state들도 이렇게 잘 업데이트했는데 **왜 이 컴포넌트에서만 에러가 발생하는지** 아리송했다.

**에러의 원인이 무엇인가요**
정확한 원인을 모른다면 예상되는 원인을 작성하세요
1. 에러를 구글링했을 때 미들웨어를 사용하라는 글을 보았다.
하지만 아무리 생각해도 미들웨어가 전혀 필요하지 않은 파트라 잠시 생각하고 넘겼다.
2. 에러는 항상 코드 속에 있다.
같은 컴포넌트 함수 내에
`const [startDate, setStartDate] = useState(new Date());`
**같은 이름을 가진 setStartDate 함수가 있었다.**
사람인지라 버릇처럼 일관된 함수 이름을 적게 되는데,
이미 작성한 함수와 이름이 겹치지는 않는지!! 함수의 기능을 잘 표현하는 이름인지를 유의하며 작성해야겠다.
3.

**에러를 어떻게 해결했나요r**
`import { setStartDate as setStartDateState } from "../../redux/reducers/partySlice";`
위와 같이 import할 때에 **as키워드**로 이름을 다르게 사용해 해결했다.

**검색 키워드와 도움이 된 레퍼런스를 작성하세요**
검색키워드 : Actions must be plain objects. Use custom middleware for async actions.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.