SwiftUI - SearchBar

I have the following file called SearchBar.swift:

import SwiftUI

struct SearchBar: UIViewRepresentable {

    @Binding var text: String

    class Coordinator: NSObject, UISearchBarDelegate {

        @Binding var text: String

        init(text: Binding<String>) {
            _text = text
        }

        func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
            text = searchText
        }
    }

    func makeCoordinator() -> Coordinator {
        return Coordinator(text: $text)
    }

    func makeUIView(context: UIViewRepresentableContext<SearchBar>) -> UISearchBar {
        let searchBar = UISearchBar(frame: .zero)
        searchBar.delegate = context.coordinator
        return searchBar
    }

    func updateUIView(_ uiView: UISearchBar,
                      context: UIViewRepresentableContext<SearchBar>) {
        uiView.text = text
    }
}

Then on the ContentView.swift the following one:

import SwiftUI


struct Geolokation: Decodable,Hashable, Identifiable {
    var date: String
    var id: String
    var latitude: String
    var longitude: String
    var seq_number: String
    var accuracy: String
}

struct GeolokationDetail: View {

    var loka: Geolokation

    var body: some View {

        VStack(alignment: .leading, spacing: 10) {
            Text(loka.id)
                .font(.headline)
            MapView(escolha: loka.id).edgesIgnoringSafeArea(.all)
        }
    }
}

struct ContentView: View {

    // init(){
    //  UINavigationBar.appearance().backgroundColor = .lightGray

    //    }

    @State private var lokaData = [Geolokation]()
    @State private var searchText : String = ""

    var body: some View {

        NavigationView{

            VStack {
                SearchBar(text: $searchText)
                List {

                    ForEach (lokaData) {
                      item in
                        NavigationLink(destination: GeolokationDetail(loka: item)) {
                            HStack() {
                                Text(item.id)
                                    .font(.headline)
                                Text(item.date)
                                    .font(.footnote)
                            }
                        }

                    }.navigationBarTitle("GeoLOKAtion")

                }

                .onAppear(perform: loadData)


            }

        }

    }


}

extension ContentView
{
    func loadData() {

        guard let url = URL(string: "https://xxxx.com") else {
            return
        }

        let request = URLRequest(url: url)
        URLSession.shared.dataTask(with: request) { data, response, error in

            if let data = data {
                if let response_obj = try? JSONDecoder().decode([Geolokation].self, from: data) {
                    DispatchQueue.main.async {
                        self.lokaData = response_obj
                    }
                }
            }

        }.resume()
    }
}



struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

But I haven't been able to find a way to implement the search within the List.

I was planning to do something like:

ForEach(self.lokaData.filter {
    self.searchText.isEmpty ? true : $0.contains(self.searchText)
}, id: \.self) 

But it's not working. I'm missing some concept that I do not understand. Any ideas, please?

Thank you!