Создание формы редактирования в React и проблемы с установкой хука

Question

Итак, я создаю форму редактирования для проекта React и решил создать пользовательский хук, чтобы сохранить начальное состояние данных и затем обновить изменения для их отправки. Однако всякий раз, когда я перехожу в исходное состояние, ловушка полей получает идентификатор полей, но очищает значение полей. Мой консольный вход в систему для initialState возвращает правильный объект, а консольный журнал для полей возвращает объект, для которого все установлено в 0 или false. Любая помощь будет оценена!

import { useState, useEffect } from 'react';

export function useFormFields(initialState) {
  const [fields, setValues] = useState(initialState);

  console.log(initialState);
  console.log(fields)



  return [
    fields,
    function(event) {
      setValues({
        ...fields,
        [event.target.id]: event.target.value,
      });
    },
  ];
}