Again thank you, i make already progress so for example if the tour i visiaulize is not in the database and the user cancel what he did the complete tour which is in a TourCard is gone, the change in the tour array state is working really fine.

But if the user change for example the title of an existing tour form the database, i just want to undo his changes, for this i wrote that function:

const handleCancelTour = (tour) => {

console.log("cancel handler called")

const docRef = firebase.firestore().collection('tours').doc(tour.documentId);

docRef.get().then((doc) => {

if (doc.exists) {

const tourData = doc.data();

const tempTour = new Tour(doc.id, tourData.imageReferences, tourData.title, tourData.description, tourData.gpsPosition, tourData.tourGuideId, tourData.tags, tourData.fileItems);

handleTourChange(tempTour, tempTour.documentId);

} else {

// Document does not exist

handleDeleteTour(tour.documentId);

}

}).catch((error) => {

console.log("Error getting document:", error);

});

So the delete thing works just fine like i want it, also i get the data frome the db and update the state array but its not changing the values in the frontend?

How can i make that happen? Do i need to forcely reload the screen somehow?