Toggle Required Multiple Taps to Work in SwiftUI - ios

Question

I have a List in SwiftUI, which displays books. Each book has a isFinished property. When the user taps on the book, it takes them to the detail page where they can toggle the isFinished status. The problem, I am facing is that on the BookDetailView, when the user taps on the Toggle it does not change the toggle status on the first tap. I can tap twice to change the Toggle from off to on etc.
Here is my complete code:
struct Book: Hashable, Identifiable {
let id = UUID()
let name: String
var isFinished: Bool = true
}
struct BookCellView: View {
let book: Book
var body: some View {
HStack {
Text(book.name)
Text(book.isFinished ? "Finished": "Not finished")
}
}
}
struct BookDetailView: View {
#Binding var book: Book
#State private var isOn: Bool = false
var body: some View {
VStack {
Text(book.name)
Toggle(isOn: $book.isFinished) {
Text("Finished")
}.fixedSize()
}
}
}
struct ContentView: View {
#State private var books = [Book(name: "Harry Potter"), Book(name: "Peek Performance"), Book(name: "Ready Player One")]
func bookBinding(id: UUID) -> Binding<Book> {
let index = books.firstIndex(where: { $0.id == id })!
return Binding {
return books[index]
} set: {
books[index] = $0
}
}
var body: some View {
NavigationStack {
List(books) { book in
NavigationLink(value: book) {
BookCellView(book: book)
}
}.navigationDestination(for: Book.self) { book in
BookDetailView(book: bookBinding(id: book.id))
}
}
}
}
Any ideas what I am missing?
UPDATE 1:
struct ContentView: View {
#State private var books = [Book(name: "Harry Potter"), Book(name: "Peek Performance"), Book(name: "Ready Player One")]
/*
func bookBinding(id: UUID) -> Binding<Book> {
let index = books.firstIndex(where: { $0.id == id })!
return Binding {
return books[index]
} set: {
books[index] = $0
}
} */
var body: some View {
NavigationStack {
List(books) { book in
NavigationLink(value: book.id) {
BookCellView(book: book)
}
}.navigationDestination(for: UUID.self) { id in
let index = books.firstIndex(where: { $0.id == id })!
BookDetailView(book: $books[index])
}
}
}
}