[React Native] REALM Error: Accessing object which has been invalidated or deleted

Error: Accessing object which has been invalidated or deleted 에러 발생 화면

 

📌 상황

환경) @react-navigation/native - goBack() 사용, realm.delete() 사용

 

A 화면: 데이터 목록을 보여줌.

B 화면: 각 데이터 상세 내용을 보여줌.

A화면에서 데이터 선택 후 B화면 진입. B화면에서 해당 데이터 삭제 버튼을 누르면 A화면으로 돌아감.

이 때, Accessing object which has been invalidated or deleted 에러 발생.

 

🐛 원인

Realm 객체를 삭제한 후에도 앱에서 해당 객체를 참조.

 

💡 해결 방법 

Realm 객체를 삭제한 후에는 앱에서 해당 객체를 참조하지 못하도록 해야함.

Object.assign({}, realmObject)를 사용하여 객체를 복사하고 리스트에 복사된 객체를 사용하도록 함.

const realm = useRealm();
const notes = realm.objects('Note');

// 수정 전
const noteList = Array.from(notes);
setNoteList(noteList);

// 수정 후
const noteList = Array.from(notes);
const copiedNotes = noteList.map((note) => Object.assign({}, note));
setNoteList(copiedNotes);