When I click on MapView annotation, a PopupView comes up with some text and a button. I want to navigate to DetailsView by clicking on the button display in the popup, the button is embedded inside NavigationLink. But clicking on the button nothing happens. I put in debug breakpoint inside the button code and never hits breakpoint. It is as if the NavigationLink button is dead. How to activate it and navigate to DetailsView via button click?

struct MyMapView: View {

@State var position: MapCameraPosition = .automatic
@State var showCallout: Bool = false
@State var selected: PinAnnotation?
@Binding var locationPins: [PinAnnotation]
@State private var toggler = false

var body: some View {
    Map(position: $position) {
        
        ForEach(locationPins, id: .self) { result in
            Annotation(result.title!, coordinate: result.coordinate) {
                ZStack {
                    Image(systemName: "mappin.circle.fill")
                        .resizable()
                        .scaledToFit()
                        .frame(width: 30, height: 30)
                        .onTapGesture {
                            selected = result
                            toggler.toggle()
                        }
                        .foregroundStyle(.white, .purple)
                    
                    if selected == result && toggler {
                        PopupView(pin: selected)
                    } else {
                        EmptyView()
                    }
                }
            }
        }
        
    }
}


struct PopupView: View {
    @State var pin: PinAnnotation?
    @State private var isSelected = false
    
    var body: some View {
         
            VStack (alignment: .leading) {
                HStack {
                    
                    if let val = pin {
                        

                        Text(val.text)
                            .font(.system(size: 12, weight: .light, design: .default))

                        NavigationLink(destination: DetailsView(), label: {
                            Button(action: {
                                    isSelected = true <<-- Does not hit breakpoint here
                                }){
                                    Image(systemName: "play.circle")
                                }
                           .scaledToFit()
                           .frame(width: 50, height: 50)
                           .background(Color.blue)
                           .foregroundColor(.white)
                           .clipShape(Circle())

                        })
                        
                        
                        
                    } else {
                        Text("no data")
                    }
                }
                // .fixedSize()
            }
            .scaledToFit()
            .foregroundStyle(.purple)
            .frame(maxWidth: .infinity)
            .background(Color.white)
            .cornerRadius(10)
            .shadow(radius: 5)
            .offset(x: 0, y: -45)
        }
        

}

struct DetailsView: View {
    @Environment(.presentationMode) var presentation

    var body: some View {
        Group {
            Button("Back") {
                self.presentation.wrappedValue.dismiss()
            }
        }
    }
}
}