Мой ввод не работает в React, onChange тоже выглядит хорошо

Мой элемент ввода не позволяет мне вводить его, он будет отображаться со значением, которое я хочу, но я не могу удалить или отредактировать что-либо во вводе. Все написано правильно из того, что я видел.

Я гуглил и искал несколько форм SO, никто не смог мне помочь. Вот почему я спрашиваю сейчас

const GuestName =(props)=>{
    if (props.isEditing){
        return(
        <form>
        <input type='text' className='edit-guest-input'
         value = {props.guestName} onChange = {e => props.editGuest(e.target.value)}/>
         </form>
        )
    }

    return (
    <span>{props.guestName}</span>
    )
}

выше это вход, который не будет работать

  editGuest=(id, name)=>{
    this.setState({
      guest: this.state.guest.map((guest) =>{
        if (id===guest.id){
          return{
            ...guest,
            name
          }}
          return guest
      })
    })
  }

это код события onChange.

const GuestList =(props)=>

    <div>

        <ul>
            {props.guest.filter( guest => !props.filterUnconfirmedGuest || guest.isConfirmed)
            .map((guest, index) =>   <Guest 
                            key = {index}
                            guestName = {guest.guestName}
                            toggleGuestConfirmed = {props.toggleGuestConfirmed}
                            isConfirmed = {guest.isConfirmed}
                            toggleEditGuest = {()=> props.toggleEditGuest(guest.id)}
                            isEditing = {guest.isEditing}
                            editGuest = {editedName=> props.editGuest(editedName, guest.id)}
                            removeGuest = {()=> props.removeGuest(guest.id)}
                                />)}
       </ul>
    </div>

Здесь передается первый аргумент

Вероятно, небольшая проблема, которую я слишком устал, чтобы заметить, лол. Любая помощь приветствуется, спасибо за ваше время!