Estoy tratando de crear una lista de tareas que se puede arrastrar usando el módulo react-native-draggable-flatlist . Pero estoy recibiendo este error:

TypeError: indefinido no es una función, motor js: hermes

Este es mi código:

 const Todos = () => { const [unfinishedTodos, setUnfinishedTodos] = useState([]); const [loading, setLoading] = useState(true) function loadData() { firestore() .collection('todos') .orderBy('priority', 'desc') .get() .then(snap => { setLoading(true); let unfinished = []; snap.docs.map(each => { let eachdict = { id: each.id, taskName: each.get('taskName'), taskDesc: each.get('taskDesc'), priority: each.get('priority'), finished: each.get('finished'), time: each.get('time'), index: each.get('index'), timeType: each.get('timeType'), }; unfinished.push(eachdict); }); setUnfinishedTodos( unfinished.sort((a, b) => { return a.index - b.index; }), ); setLoading(false); }) .catch(error => { console.log(error.message); }); } return( <DraggableFlatList data={unfinishedTodos} renderItem={({item, index, drag, isActive}) => { return ( <Text>{item.taskName}</Text> )}} keyExtractor={(item, index) => `${item.id}`} onDragEnd={({data}) => console.log(data)} /> )}

¿Qué estoy haciendo mal o qué parte del código debo reemplazar?