SwiftUI Tabbar and Navigation Mixed - Pop to Root doesn't work

SwiftUI Tabbar and Navigation Mixed - Pop doesn't work

import SwiftUI

class Views: ObservableObject {
  @Published var stacked = false
}

struct ContentView: View {
  @ObservedObject var views = Views()
  @State var selection: Int = 0

  var body: some View {
    NavigationView {
      TabView(selection: $selection) {
        ContentView2()
      }
    }
    .environmentObject(views)
  }
}

struct ContentView2: View {
  @EnvironmentObject var views: Views
  var body: some View {
    NavigationLink(destination: ContentView3(), isActive: $views.stacked) {
      Text("Go to View 3")
    }
    .isDetailLink(false)
    .navigationBarTitle("View 2")
  }
}

struct ContentView3: View {
  @EnvironmentObject var views: Views

  var body: some View {
    VStack {
      NavigationLink(destination: ContentView4()) {
        Text("Go to View 3")
      }
      Button("Pop to root") {
        self.views.stacked = false // By setting this to false, the second view that was active is no more. Which means, the content view is being shown once again.
      }
    }
    .navigationBarTitle("View 3")
  }
}

struct ContentView4: View {
  @EnvironmentObject var views: Views

  var body: some View {
    Button("Pop to root") {
      self.views.stacked = false // By setting this to false, the second view that was active is no more. Which means, the content view is being shown once again.
    }
    .navigationBarTitle("View 4")
  }
}