Как вставить полезную нагрузку в существующий ключ при отправке с JS fetch?

Question

В приложении Rails у меня есть форма обновления пользователя. Я пытаюсь отправить с помощью JavaScript.

submitForm(event) {
  const url = `/users/${getTheUserId}` 
  fetch(url, {
    method: "PATCH",
    headers: {
      "X-CSRF-Token": token,
      "Content-Type": "application/json"
    },           
  })
}

Это отправляется со следующими параметрами { id: 1, user: {} }. Пока все хорошо, теперь я пытаюсь добавить пользовательские атрибуты.

submitForm(event) {
  const url = `/users/${getTheUserId}` 
  fetch(url, {
    method: "PATCH",  
    // ....
    body: JSON.stringify(data)  // added this       
  })
}

Если я добавлю обнаженные атрибуты, я получу ожидаемый результат.

data = { key: "value" } отправляет с { id: 1, user: {}, key: "value" }

Но когда я пытаюсь добавить атрибуты кпользовательский объект, вместо него представлен пустой пользователь.

data = { user: { key: "value" } } отправляется с { id: 1, user: {} }

Как правильно добавить атрибуты к объекту пользователя?