NavigationLinkStore misbehaves with multi-level navigation

Description

I am working on a SwiftUI project whose minimum iOS version is iOS 14 and I am using NavigationLinkStore for navigation purposes. However, when I do multi level navigation from a root screen, the second navigation pops itself automatically. Here is the code example:

https://gist.github.com/sadikcoban/56566b0c2970184a151f7d4edcdb5aa7

import ComposableArchitecture
import SwiftUI

struct RootFeature: Reducer {
  struct State: Equatable {
    @PresentationState var child: ChildFeature.State?
  }
  enum Action: Equatable {
    case child(PresentationAction<ChildFeature.Action>)
    case itemTapped
  }

  var body: some ReducerOf<Self> {
    Reduce { state, action in
      switch action {
      case .child:
        return .none
      case .itemTapped:
        state.child = .init()
        return.none
      }
    }
    .ifLet(\.$child, action: /Action.child){
      ChildFeature()
    }
  }
}

struct RootView: View {
  let store: StoreOf<RootFeature>
  var body: some View {
    WithViewStore(self.store, observe: { $0 }) { viewStore in
      VStack(alignment: .center) {
        NavigationLinkStore(self.store.scope(state: \.$child, action: RootFeature.Action.child)) {
          viewStore.send(.itemTapped)
        } destination: { childStore in
          ChildView(store: childStore)
        } label: {
          Text("Tap to see first level child")
        }

      }
      .padding()
    }
  }
}

struct ChildFeature: Reducer {
  struct State: Equatable {
    @PresentationState var secondLevelChildState: SecondLevelchildFeature.State?
  }
  enum Action: Equatable {
    case secondLevelChild(PresentationAction<SecondLevelchildFeature.Action>)
    case itemTapped
  }

  var body: some ReducerOf<Self> {
    Reduce { state, action in
      switch action {
      case .secondLevelChild:
        return .none
      case .itemTapped:
        state.secondLevelChildState = .init()
        return .none
      }
    }
    .ifLet(\.$secondLevelChildState, action: /Action.secondLevelChild) {
      SecondLevelchildFeature()
    }
  }
}

struct ChildView: View {
  let store: StoreOf<ChildFeature>
  var body: some View {
    WithViewStore(self.store, observe: { $0 }) { viewStore in
      NavigationLinkStore(self.store.scope(state: \.$secondLevelChildState, action: ChildFeature.Action.secondLevelChild), onTap: {
        viewStore.send(.itemTapped)
      }, destination: { secondLevelChildStore in
        SecondLevelChildView(store: secondLevelChildStore)
      }, label: {
        Text("Tap to see second level child feature")
      })
      .navigationTitle("First Level Child")

    }
  }
}

struct SecondLevelchildFeature: Reducer {
  struct State: Equatable { }
  enum Action: Equatable { }
  func reduce(into state: inout State, action: Action) -> Effect<Action> {

  }
}

struct SecondLevelChildView: View {
  let store: StoreOf<SecondLevelchildFeature>
  var body: some View {
    Text("End")
      .navigationTitle("Second Level Child")
  }
}

When the "Tap to see second level child feature" is tapped from ChildView, the SecondLevelChildView appears and disappears automatically, because of the change of ChildFeature state i think. How could I solve this problem?

Checklist

[ ] I have determined whether this bug is also reproducible in a vanilla SwiftUI project.
[ ] If possible, I've reproduced the issue using the main branch of this package.
[X] This issue hasn't been addressed in an existing GitHub issue or discussion.

Expected behavior

No response

Actual behavior

No response

Steps to reproduce

No response

The Composable Architecture version information

prerelease/1.0

Destination operating system

iOS 14

Xcode version information

Xcode 14.3

Swift Compiler version information

swift-driver version: 1.75.2 Apple Swift version 5.8 (swiftlang-5.8.0.124.2 clang-1403.0.22.11.100)

pointfreeco / swift-composable-architecture