Weird toolbar with nested conditionals behavior

Question

I'm getting this extremely odd issue where if you have a deep chain of ViewBuilder's and if statements, along with a toolbar, some of the items in the toolbar duplicate.

Here is an image to show what I mean (Notice the 2 "Press me!" buttons)

Reproduction: (Note: I'm using macOS Monterey Beta 5 and Xcode 13 Beta 5)

1. Create a new blank SwiftUI macOS project
2. Paste this code into ContentView:

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("Sidebar")
            SecondPanel()
        }
    }
}
struct SecondPanel: View {
    @State var num = 0
    
    @ViewBuilder var content: some View {
        Text("Line 2")
        Text("Line 3")
    }
    @ViewBuilder var contentWithToolbar: some View {
        content
            .toolbar {
                Button(action: {
                    num += 1
                }) {
                    Text("Press me!")
                }
            }
    }
    var body: some View {
        if num == 0 {
            contentWithToolbar
                .navigationSubtitle("Num is zero!")
        }
        else {
            contentWithToolbar
        }
    }
}

3. Run the app. You should see two "Press me!" buttons even though I only have one toolbar button!

I was wondering, what is going here, and is there any way I can solve this problem?

Answer 1

@Jake pointed out that the problem was caused by the 2 Text objects being stacked without a VStack.

Adding a VStack fixed the problem completely.