User inputted TextField Array from Grid

I have a grid view that has two columns, one that is static that will be populated with names, and the second that is user inputed numbers. I have two arrays, one full of the names, and one that is initialized to 0s for all numbers. I have it displayed as:

ScrollView{
            let lastRowIndex: Int = viewModel.names.count - 1
            LazyVGrid(columns: columns, alignment: .center, spacing: 0){
                Group {
                    Text("Name")
                    Text("Number")
                }.font(.headline)
                ForEach((0...lastRowIndex), id: \.self) { index in
                    Text(viewModel.names[index])
                    TextField("indiv value", value: $viewModel.individualValues[index], format: .number)
                }
            }.padding(.horizontal)
        }

This displays perfectly to start, two columns, one with every name in the array and one initialized to 0. But when I try to make any change to the number, as soon as I click off of the input it returns to 0. How do I set this up so that the numbers are saved in the individualValues array, displayed properly, and able to be used later?

Edit: My updated code is:

struct NamesAndTimes: Identifiable {
  let id = UUID()
  var userId: String
  var fullName: String
  var indivValue: Double
}

class AddTimesViewModel: ObservableObject {
     var namesAndTimes: [NamesAndTimes]

     ...
     init (users: [User]) {
        self.namesAndTimes = users.map{u in
          return NamesAndTimes(
            userId: u.id,
            fullName: u.firstName+" "+u.lastName,
            indivValue: 0
        )
        }
     }
}


struct AddTimes: View {
    @ObservedObject var viewModel: AddTimesViewModel 

    ...

    ScrollView{
            LazyVGrid(columns: columns, alignment: .leading, spacing: 0){
                Group {
                    Text("Name")
                    Text("Number")
                }.font(.headline)
                ForEach($viewModel.namesAndTimes) { $rT in
                    Text(rT.fullName)
                    TextField("type",
                              value: $rT.indivValue,
                              format: .number
                    )
                }
            }.padding(.horizontal)
        }

Which works logically, but currently does not update the view. Even when I change the value, it displays as 0. If I click back the typed in value displays, and is entered in Firebase if I click save, but I would like the view to display.

Although your code could work, given you use something like: @StateObject var viewModel = TheModel().

You would be better off using a more robust structure for your names and individualValues, than
the separate arrays, and accessing them through a common index, not a good idea and not recommended.

Here is my example code of that approach that works for me and achieve what you ask:
How do I set this up so that the numbers are saved in the individualValues array, displayed properly, and able to be used later

// -- here, name and value are tied together
struct ModelItem: Identifiable {
    let id = UUID()
    var name: String
    var value: Int
}

class TheModel: ObservableObject {
    @Published var items: [ModelItem] = [ModelItem(name: "item-1", value: 1),
                                         ModelItem(name: "item-2", value: 2),
                                         ModelItem(name: "item-3", value: 3)]
}

struct ContentView: View {
    @StateObject var viewModel = TheModel() // <-- here
    
    var columns: [GridItem] = [GridItem(.flexible()), GridItem(.flexible())]
    
    var body: some View {
        ScrollView{
            LazyVGrid(columns: columns, alignment: .center, spacing: 0){
                Group {
                    Text("Name")
                    Text("Number")
                }.font(.headline)
                ForEach($viewModel.items) { $item in   // <-- use $, and not index
                    Text(item.name)
                    TextField("indiv value", value: $item.value, format: .number)  // <-- here
                }
            }.padding(.horizontal)
        }
    }
}