Form handling hook for React

useForm.js

import { useState } from 'react';

const useForm = (defaults) => {
  const [values, setValues] = useState(defaults);

  const updateValue = (e) => {
    // check if its a number and convert
    let { value, type, name } = e.target;
    if (type === 'number') {
      value = parseInt(value);
    }
    setValues({
      ...values,
      [name]: value,
    });
  }

  return { values, updateValue };
}

export default useForm;