Notion API 변경으로 인한 morethan-log 오류 해결

객체/배열 selector 리렌더링 잡는 가장 현실적인 방법

Zustand useShallow 정리

React는 리스트를 렌더링할 때 key를 기준으로 이전 요소와 새로운 요소를 매칭한다. index는 항목의 위치 정보이기 때문에 중간 삽입이나 삭제가 발생하면 값이 바뀌고, 이로 인해 React가 서로 다른 데이터를 같은 컴포넌트로 인식해 state나 DOM을 잘못 재사용할 수 있다. 따라서 key로는 index 대신 변경되지 않는 고유한 id를 사용하는 것이 안전하다.

React에서 index를 key로 쓰면 안 되는 이유

React는 key로 “같은 컴포넌트인지” 판단한다

가장 흔한 버그: input 값이 다른 줄로 이동

또 다른 문제: 컴포넌트 state가 섞인다

올바른 방법: 안정적인 고유 key 사용