piano-midi-monitor/src/renderer/src/hooks/form.ts

import * as React from 'react'

export const useForm = () => {
  const handleAction: React.FormEventHandler<HTMLElementTagNameMap['form']> = (e) => {
    e.preventDefault()
    const { submitter } = e.nativeEvent as unknown as { submitter: HTMLElementTagNameMap['button'] }
    if (submitter.name !== 'action') {
      return
    }
    const formValue = new FormData(e.currentTarget)
    const values = Object.fromEntries(formValue.entries())
    window.electron.ipcRenderer.send('action', submitter.value, values)
  }

  return {
    handleAction
  }
}