[SwiftUI] データを削除したら、画面上からもデータを消したい

Question

一覧画面にはFirestoreから取得してきたデータがが表示されており、詳細画面には削除ボタンがあります。

詳細画面に遷移し、削除ボタンをクリックして一覧画面に戻ったときに、
一覧画面から削除したデータを消したいです。
いろいろ試してみましたが、実現できなかったため、お力をお借りしたいです。

struct ListView: View {
    @ObservedObject var fetcher = DataFetcher()

    var body: some View {
        NavigationView {
              VStack {
                  ForEach(self.fetcher.listData.indices, id: .self) { i in
                      NavigationLink(
                          destination: DetailView(data: self.fetcher.listData[i])
                      ) {
                          Text(self.fetcher.listData[i].name)
                      }
                  }
              }
        }
    }
}

struct DetailView: View {
    var data: DataModel

    var body: some View {
        VStack {
            Text(self.data.name)

            Button("Delete") {
              self.deleteData(data: self.data) // Here, the corresponding data is deleted from the database.
            }
        }
    }
}

class DataFetcher: ObservableObject {
    @Published var data: [DataModel] = []
    private var db: Firestore!

    init() {
        db = Firestore.firestore()
        fetchData()
    }

    private func fetchData() {
        self.db.collection("data").getDocuments { (snaps, err) in
            if let err = err {
                print("Error getting documents: (err)")
            }

            guard let snaps = snaps else { return }

            for document in snaps.documents {
                self.data.append(DataModel(
                    id: document.data()["id"] as! String,
                    name: document.data()["name"] as! String
                ))
            }
        }
    }
}

protocolなどを使い、削除ボタンをクリックしたタイミングでListViewにあるfunctionを呼び出して削除してみましたが、詳細画面に表示されていたデータが、次のデータに切り替わってしまいました。

func deleteData(data: DataModel) {
        if let index: Int = self.fetcher.data.index(where: {$0.id==data.id}) {
            self.fetcher.data.remove(at: index)
        }
}

よろしくお願いいたします。