SwiftUI rename SideBar item - swiftui

Question

I'm using SwiftUI and create a SlideMenu, I want to rename my menu item. I do it by change Text to TextField but the TextField disabled by default. What wrong with TextField, I unable to click on it or is there any way to rename without swap Text <-> TextField?
struct CellView: View {
#State private var isRename = false
#State private var newName: String = ""
var menuItem: MenuItem
var body: some View {
HStack {
Image(systemName: "folder")
.foregroundColor(.accentColor)
if isRename {
TextField(menuItem.name ?? "Unknow name", text: $newName)
}else {
Text(menuItem.name ?? "Unknow name")
}
Spacer()
}
.contextMenu {
Button(action: {
isRename = true
}) {
HStack {
Image(systemName: "pencil")
.foregroundColor(.accentColor)
Text("Rename")
}
}
}
}
}

Answer 1

With iOS 16, there's a built-in RenameButton view and a .renameAction{} modifier:
RenameButton()
.renameAction {
//add action here
}

Answer 2

I don't think it is disabled (as tested provided code), you just see placeholder and TextField is not in focus by default.
So here is possible solution (based on CustomTextField from this answer)
if isRename {
CustomTextField(text: $newName,
nextResponder: .constant(nil),
isResponder: .constant(true),
isSecured: false,
keyboard: .default)
}else {
Text(menuItem.name ?? "Unknow name")
}
Spacer()
}
.contextMenu {
Button(action: {
newName = menuItem.name ?? "Unknown name"
isRename = true
}) {
Note: it is not shown what is MenuItem but consider possibility to bind text field directly to menuItem.name