Pop View with more elements in the NavigationStack

[ivangodfather]

I need to pop a view (DetailView) from a a parent (AppView) when some action in the child is performed. For some reason when there is more elements in the navigation stack the view its not poped.

Example zip
TestNavigationView.zip

or code:

import ComposableArchitecture
import SwiftUI
@main
struct TestNavigationViewApp: App {
	let store: Store<AppState, AppAction> = .init(
		initialState: .init(),
		reducer: appReducer,
		environment: .init()
	)
    var body: some Scene {
        WindowGroup {
		// THIS DOES NOT WORK
			NavigationView {
				NavigationLink("Hola") {
					ContentView(store: store)
				}
			}
			// THIS WORKS
//			NavigationView {
//				ContentView(store: store)
//			}
        }
    }
}
struct DetailState: Equatable, Identifiable {
	let id: UUID
}
enum DetailAction: Equatable {
	case popMeIfYouCan
}
struct DetailEnvironment {}
let detailReducer = Reducer<DetailState, DetailAction, DetailEnvironment> { _, _, _ in
		.none
}
struct DetailView: View {
	let store: Store<DetailState, DetailAction>

	var body: some View {
		Button {
			ViewStore(store).send(.popMeIfYouCan)
		} label: {
			Text("Pop!")
		}
	}
}
struct ContentView: View {
	let store: Store<AppState, AppAction>

	var body: some View {
		WithViewStore(store) { viewStore  in
			VStack {
				ForEachStore(store.scope(state: \.details, action: AppAction.detail)) { detailStore in
					WithViewStore(detailStore) { detailViewStore in
						NavigationLink(
							isActive: viewStore.binding(
								get: {
									$0.presentedDetailId == detailViewStore.id
								},
								send: {
									AppAction.setIsDetailPresented($0 ? detailViewStore.id : nil)
								}
							)
						) {
							DetailView(store: detailStore)
						} label: {
							Text("Detail \(detailViewStore.id.uuidString)")
						}
					}
				}
			}
		}
	}
}

struct AppState: Equatable {
	var presentedDetailId: UUID?
	var details = IdentifiedArrayOf<DetailState>()

	init() {
		details = IdentifiedArrayOf(
			uniqueElements: (1...10).map { _ in
				DetailState(id: UUID())
			}
		)
	}
}
enum AppAction: Equatable {
	case detail(id: DetailState.ID, action: DetailAction)
	case setIsDetailPresented(UUID?)
}

struct AppEnvironment {}

let appReducer = Reducer<AppState, AppAction, AppEnvironment>.combine(
	detailReducer.forEach(
		state: \.details,
		action: /AppAction.detail,
		environment: { _ in
				.init()
		}
	),
	.init(
		{ state, action, _ in
			switch action {
			case .setIsDetailPresented(let uuid):
				state.presentedDetailId = uuid
				return .none
			case .detail(let id, action: .popMeIfYouCan):
				state.presentedDetailId = nil
				return .none
			case .detail(id: let id, action: let action):
				return .none
			}
		}
	)
)

struct DetailState: Equatable, Identifiable {
	let id: UUID
}

enum DetailAction: Equatable {
	case popMeIfYouCan
}

struct DetailEnvironment {}

let detailReducer = Reducer<DetailState, DetailAction, DetailEnvironment> { _, _, _ in
		.none
}

struct DetailView: View {
	let store: Store<DetailState, DetailAction>

	var body: some View {
		Button {
			ViewStore(store).send(.popMeIfYouCan)
		} label: {
			Text("Pop!")
		}
	}
}
struct ContentView: View {
	let store: Store<AppState, AppAction>

	var body: some View {
		WithViewStore(store) { viewStore  in
			VStack {
				ForEachStore(store.scope(state: \.details, action: AppAction.detail)) { detailStore in
					WithViewStore(detailStore) { detailViewStore in
						NavigationLink(
							isActive: viewStore.binding(
								get: {
									$0.presentedDetailId == detailViewStore.id
								},
								send: {
									AppAction.setIsDetailPresented($0 ? detailViewStore.id : nil)
								}
							)
						) {
							DetailView(store: detailStore)
						} label: {
							Text("Detail \(detailViewStore.id.uuidString)")
						}
					}
				}
			}
		}
	}
}

struct AppState: Equatable {
	var presentedDetailId: UUID?
	var details = IdentifiedArrayOf<DetailState>()

	init() {
		details = IdentifiedArrayOf(
			uniqueElements: (1...10).map { _ in
				DetailState(id: UUID())
			}
		)
	}
}
enum AppAction: Equatable {
	case detail(id: DetailState.ID, action: DetailAction)
	case setIsDetailPresented(UUID?)
}

struct AppEnvironment {}

let appReducer = Reducer<AppState, AppAction, AppEnvironment>.combine(
	detailReducer.forEach(
		state: \.details,
		action: /AppAction.detail,
		environment: { _ in
				.init()
		}
	),
	.init(
		{ state, action, _ in
			switch action {
			case .setIsDetailPresented(let uuid):
				state.presentedDetailId = uuid
				return .none
			case .detail(let id, action: .popMeIfYouCan):
				state.presentedDetailId = nil
				return .none
			case .detail(id: let id, action: let action):
				return .none
			}
		}
	)
)

[ivangodfather]

I found the solution here: https://developer.apple.com/forums/thread/684003
You have to set isDetailLink(false) to any non-final NavigationLink
🤦