Установка постоянного значения в начальное состояние изменяемой строки

Question

У меня есть приложение, в котором есть список пользователей. Когда вы нажимаете на профиль пользователя, у вас есть возможность изменить имя учетной записи пользователя. Я хочу установить постоянную переменную, чтобы сказать «Редактирование профиля {пользователя}», но я не хочу, чтобы константа менялась, когда я обновляю useState пользователя.

  const User = ({userName, setUserName}) => {
    const initialUserName = userName;

    return (
      <UserInputField value={userName} onChange={e=>setUserName(e.target.value)}/>
    )
  }

В этом примере, когда я меняю имя пользователя, он обновляет константу «initialUserName». Есть ли способ установить константу в начальное значение {userName}, которая не обновляется при вызове {setUserName}?

Спасибо!