[RN] Cannot remove child at index X from parent ViewGroup

📱테스트 환경

"react": "18.3.1",
"react-dom": "^18.3.1",
"react-native": "0.76.1"

---

FlatList 를 사용한뒤로 navigation 을 사용할때마다

저런 에러가 뜨는데 처음에는 관련있는 에러인지도 몰랐는데

UI 업데이트 되면서 충돌에러가 발생하는 것이라고 한다.

해결방법은 간단한데

<FlatList
        data={data}
        removeClippedSubviews={false}
        keyExtractor={item =>
          item[rowKey]?.toString() || Math.random().toString()
        } // 고유 key
        renderItem={({item}) => (
          <View style={styles.Row}>{renderRow(item)}</View>
        )}
      />

removeClippedSubviews={false}

이거 한줄 추가해주면 해결된다.

해당 줄을 추가하면 UI 업데이트 시 현재 요소가 사라지면서

자식요소와의 충돌을 방지할 수 있다.