My TextField resets to "" on first pass through view but acts normal thereafter - google-cloud-firestore

Question

I have created a simple swiftui search View that I use to dynamically search documents in firestore. Essentially, the user begins typing the name he wants to search for and once he get to 3 characters of the name, I execute a search against firebase for every character typed thereafter.
Here is my issue.
Initially, the user types his first 3 characters and the following occurs:
immediately the TextField he is typing in is reset to "".
the search does execute perfectly as i can tell from 'print()' statements, however, no search results are presented to the user.
So when the user begins typing his search value again, the results appear immediately.
After this odd sequence, all is well. The TextField shows the search string and resulting values perfectly.
Can you help me understand why the textfield goes blank after the first 3 characters are entered?
import SwiftUI
import Firebase
import FirebaseFirestore
import FirebaseAuth
struct PlayGroupSearchCoursesView: View {
#StateObject var playGroupViewModel = PlayGroupViewModel()
#StateObject var courseListViewModel = CourseListViewModel()
#State var masterPlayerList = [Player]()
#State var searchText = ""
#State var sval = ""
#State var isSearching = false
#State var activeSearchAttribute: Int = 0
#State var presentCourseAddedAlertSheet = false
#State var selectedCourseIdx: Int = 0
var body: some View {
NavigationView {
ScrollView {
HStack {
HStack {
TextField("Search", text: $searchText)
.textCase(.lowercase)
.autocapitalization(.none)
.padding(.leading, 24)
.textFieldStyle(.roundedBorder)
.onChange(of: searchText) { newValue in
print("search text changed to <\(newValue)>")
// we will only return 7 findings and not until they enter at least 3 chars
if newValue.count > 2 {
Task {
do {
try await self.courseListViewModel.reloadSearchCourses(searchText: newValue, nameOrCity: activeSearchAttribute)
} catch {
print(error)
}
}
}
}
}
.padding()
.background(Color(.systemGray5))
.cornerRadius(8)
.padding(.horizontal)
.onTapGesture{
isSearching = true
}
// overlay (could have used zstack) the icons into the search bar itself
.overlay() {
HStack{
Image(systemName: "magnifyingglass")
Spacer()
if isSearching{
Button(action: {
searchText = ""
isSearching = false
}, label: {
Image(systemName: "xmark.circle.fill")
.padding(.vertical)
})
}
}.padding(.horizontal, 32)
.foregroundColor(.gray)
}
//
if isSearching{
Button(action: {
isSearching = false
searchText = ""
}, label: {
Text("Cancel")
.padding(.trailing)
.padding(.leading, 0)
})
.transition(.move(edge: .trailing))
}
}
// these are the search attributes - allow the user to choose the search criteria
HStack{
// add buttons to change the search attribute (course, fullname, nickname)
Button(action: {
print ("set search attribute to fullname and here is searchtext: \(searchText)")
activeSearchAttribute = 0
searchText = ""
selectedCourseIdx = 0
}) {
Text("Name")
.padding(.all, 8)
.background((activeSearchAttribute == 0 ? .blue: .gray))
.foregroundColor(.white)
.padding(EdgeInsets(top: 0, leading: 20, bottom: 15, trailing: 0))
}
.cornerRadius(6)
.disabled(false)
Button(action: {
print ("set search attribute to city")
activeSearchAttribute = 1
searchText = ""
selectedCourseIdx = 0
}) {
Text("City")
.padding(.all, 8)
.background(activeSearchAttribute == 1 ? .blue: .gray)
.foregroundColor(.white)
.padding(EdgeInsets(top: 0, leading: 10, bottom: 15, trailing: 0))
}
.cornerRadius(6)
.padding(.leading, 15)
.disabled(false)
Spacer()
}
Here is my dynamic search function...
func reloadSearchCourses(searchText: String, nameOrCity: Int ) async throws {
var searchField: String = String()
if nameOrCity == 0 {
searchField = "name"
}
if nameOrCity == 1 {
searchField = "city"
}
self.searchCourses.removeAll()
let snapshot = try! await Firestore.firestore()
.collection("courses")
.whereField(searchField,isGreaterThanOrEqualTo: searchText)
.whereField(searchField,isLessThanOrEqualTo: searchText + "z")
.order(by: searchField) // alpha order - ascending is default
.limit(to: 7)
.getDocuments()
snapshot.documents.forEach { docsnap in
let docdata = try! docsnap.data(as: Course.self)
self.searchCourses.append(docdata!)
}
}