Maximum update depth exceeded 에러 해결 방법

Question

콘솔에 Maximum update depth exceeded.
This can happen when a component calls setState inside useEffect,
but useEffect either doesn’t have a dependency array,
or one of the dependencies changes on every render. 라는 에러가 표시되면서 해당 컴포넌트가 무한히 렌더링 되고 있습니다. 문제 원인과 해결 방법을 아시는 분이 계실까요?

코드 간단히 요약해서 첨부합니다.

강용석 · Answer

setordercart 할때 조건을 걸어줘야 할것같네요
의존성 배열에 들어가있는 값이 리렌더링이 발생 할때마다 변경되는것으로 인지해서 셋을 계속 호출 하는 상황입니다

아니면 의존성 배열에 해당하는 데이터를 usememo 나 usecallback 으로 감싸줘야 할것같네요