SwiftUI iOS app experiencing graphical glitches when using indices in ForEach loop instead of elements – Ios swift

I am developing an iOS app using SwiftUI, and I’m experiencing graphical glitches when I use the indices of my state array in a ForEach loop instead of the elements themselves. Specifically, the UI elements in my list start to flicker and disappear when I attempt to reorder them.

The ‘Directions’ section is animated correctly, while the ‘Ingredients’ section appears glitchy.

Approximation of the ‘Add Recipe’ view

The only difference between these two sections is that one ForEach iterates over the arrays indices, while the other iterates over the elements.

struct TestView: View {
    @State private var testData = ["Test 1", "Test 2"]

    var body: some View {
        NavigationStack {
            Form {
                Section("Ingredients") {
                    ForEach(testData.indices, id: .self) {
                        Text(testData[$0])
                    }
                    .onMove {
                        testData.move(fromOffsets: $0, toOffset: $1)
                    }
                }
                
                Section("Directions") {
                    ForEach(testData, id: .self) {
                        Text($0)
                    }
                    .onMove {
                        testData.move(fromOffsets: $0, toOffset: $1)
                    }
                }
            }
        }
    }
}

What could be causing this issue and how can I fix it? Does anyone know the "why"? What are the SwiftUI mechanics behind this graphical hiccup?