https://apoorv.blog/react-hook-form/

form.ts

...
<input autoComplete="off" type="text" name="title" id="todoTitle" ref={register} />
...
<select name="category" id="category" ref={register} />
...
<input type="radio" name="priority" id="low" value='low' className='mr-2' defaultChecked ref={register} />
...
<input type="radio" name="priority" id="med" value='med' className='mr-2' ref={register} />
...
<input type="radio" name="priority" id="high" value='high' className='mr-2' ref={register} />

formSubmit.ts

<form className='grid gap-4 grid-col-1' onSubmit={handleSubmit(onSubmit)}>

importForm.ts

import { useForm } from 'react-hook-form' 
const { register, handleSubmit } = useForm<TodoInput>()

interface.ts

interface TodoInput {
  title: string
  priority: string
  category: string
}

onSubmit.ts

async function onSubmit(input: TodoInput) {
    
    console.log(input)
}

useForm.ts

const { register, handleSubmit } = useForm<TodoInput>({
  defaultValues: {
    title: 'get bread',
    category: 'grocery',
    priority: 'med'
  }
})