SwiftUI menu picker selection issue

menu_picker_selection_issue.swift

import SwiftUI

struct ContentView: View {
    @State private var selection: SortOrder = .ascending

    var body: some View {
        NavigationView {
            VStack {
                Text("Selected Sort Order:")
                Text(selection.rawValue)
                    .font(.largeTitle)
                Picker(selection: $selection) {
                    ForEach(SortOrder.allCases) {
                        Text($0.rawValue)
                            .tag($0)
                    }
                } label: { }
                .pickerStyle(.segmented)
                .padding()
            }
            .toolbar {
                Menu {
                    Picker(selection: $selection) {
                        ForEach(SortOrder.allCases) {
                            Text($0.rawValue)
                                .tag($0)
                        }
                    } label: { }
                } label: {
                    Text("Sort by")
                }
            }
        }
    }
}

enum SortOrder: String, CaseIterable, Identifiable {
    case ascending = "Ascending"
    case descending = "Descending"
    case high = "High"
    case low = "Low"

    var id: String { self.rawValue }
}

A workaround, https://twitter.com/DanielKasaj/status/1559453531760992257

Setting the .id(UUID()) on the menu fixes the selection issue.

Menu {
    Picker(selection: $selection) {
        ForEach(SortOrder.allCases) {
            Text($0.rawValue)
                .tag($0)
        }
    } label: { }
} label: {
    Text("Sort by")
}
.id(UUID())