React useForm hook v2

useForm.tsx

import React, { useState, FormEvent, ChangeEvent } from 'react'

export interface IUseFormOptions {
  initialState?: { [key: string]: any }
  onSuccessSubmit: (inputs: { [key: string]: any }) => void
}

const useForm = (opts: IUseFormOptions) => {


  const [ inputs, setInputs ] = useState(opts.initialState || {})

  const dispatchInputs = (values: any) => {
    const newInputs = { ...inputs, ...values }
    setInputs(newInputs)
  }

  const onSubmit = (event: FormEvent<HTMLFormElement>) => {
    event.preventDefault()
    opts.onSuccessSubmit(inputs)
  }  
  const onChange = (event: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => {
    dispatchInputs({ [event.target.name]: event.target.value })
  }

  return {
    dispatchInputs,
    inputs,
    onSubmit,
    onChange
  }
}
export default useForm;