Inflearn コミュニティ Q&A

useEffect의 dependency array에 배열을 넣는 경우 "Maximum update depth exceeded." error가 발생하게 되는데, 이 경우는 어떻게 해야하나요?

예를 들어 아래와 같은 상황이라고 가정하겠습니다.

1. 화면에는 테이블 1개만 존재한다.

2. 데이터는 unknown[] 형태이다.

3. 다른 조건에 의해 데이터의 갯수가 달라지는 경우에만 다시 렌더링한다.

코드로 예시를 들면 아래와 같습니다.

const [items, setItems] = useState<unknown[]>([]);

useEffect(() => void, [items])

답변주시면 감사합니다.