[RN] Property is not configurable - Render Error

어느시점인지 딱 알 수 없게끔 Flat List 를 여러개 만드는 과정주에 급 렌더 에러가 발생하였다

Flast List 를 작성중이여서 생성한 list를 지우니 잔깐 정상으로 빌드되다가도 다시 에러가 반복되었다 

View 의 문제인지 메세지처럼 속성 지정에 대한 문제인지 확실치 않던차에

 

TypeError: property is not configurable

node_modules/react-native-reanimated/src/reanimated2/initializers.ts

로 가서 

const capturableConsole = console;

를 이렇게 바꾸라는 해결책이 보인다 

const capturableConsole = { ...console };

일단 변경했지만 해결이 되지 않았다 

 

해당경로로 들어가면서 

initializers.ts

\둘러 보던중에 global.Errorutils 부분이 오류가 나는걸 볼수있었다

 'typeof globalThis' 형식에 'ErrorUtils' 속성이 없다는 오류였는데

내가 만든게 아니라 내장함수라

갑.자.기 뜬.금.포 이런 오류가 나는지 더더욱 미궁에 빠지다가

 

 

해당 오류는 ErrorUtils가 TypeScript의 타입 검사 시스템에서 인식되지 않기 때문에 발생하는 오류라는 힌트를 얻게 된다

 

 

잔깐만..

내가 타입스크립트에 대한 팩키지를 설정한적이 있었나?......... ...?_?

 

일단 팩키지 설치를 해주니

 

 npm install --save-dev @types/react-native

오잉 사라짐

 

FlatList에서 Item에 속성지정이 안되어있나 그런건 없는데 하면서 

열심히 들여다 봤더랬다

 

Home.js에서 사용했고 간혹 FlatList를 주석처리하면 다시 정상이 되었다가 다시 렌더 에러가 왔다갔다 하면

나타났는데 이것때문에 한 3일간 괴로워 했다고 아직 타입스크립트를 정확히 몰라서 

나는 자바스크립트만 쓸꺼야 하면서 하였는데 정확히 모르니 

어디선가 타입스크립트를 사용했는데 몰라뵈었고 (?) 팩키지 설치가 안되었던걸로 추정해본다 

 

혹시 다시오류가 반복되면 내용을 추가해보겠다

아직은 이상없는듯

 

---

추가 +++

이 후 다른 js에서 작업하고 있는 도중 다시 Property is not configurable - Render Error 가 나타난다

나는 당신 View를 만들고 있었기에 더욱더 패닉이 되었다 왜냐하면 렌더 에러날 타입을 지정할

데이터도 건들지 않았기 때문에 ...

 

나는 타입스크립트는 잘모르겠고 (자바스크립도 아직 잘 모름ㅋ) 일단 자바스크립트만 쓰겠음

했지만 린트 설정을 다 해준탓에 어딘지는 모르겠지만 home에서 뿜고 있는것은 어느정도 추측이 되었다 

일단 자바스크립트를 타입스크립트로 변경하니 렌더 에러는 사라졌다 

 

아무래도 타입스크립트를 사용하지 않아서 나는 문제인듯 

다시 또 문제가 생기면 내용을 추가하겠다

 

 

<FlatList
              horizontal
              data={trending}
              showsHorizontalScrollIndicator={false}
              nestedScrollEnabled={false}
              //typescript 로 수정
              renderItem={({item, index}: {item: trending, index: number}) =>
                renderTrendingShoes(item, index)
              }
              // javascript>> 사용하지않겠음
              // renderItem={({item, index}) => renderTrendingShoes(item, index)}
              keyExtractor={item => item.id.toString()}
/>