React Hook Form でselectタグをrequired にしたい

Question

1. React Hook Formにおいて動的なselectタグを必須項目にしたい。

2. reduxで管理しているselectタグ内のデータ(hour)を必須要素にする処理を書いたが、register関数がonChangeを返すので重複する。「'onChange' が複数回指定されているため、ここでの使用は上書きされます。」とおこられる。

const [hour, setHour] = useState('')
const onChangeHour = (e: React.ChangeEvent<HTMLSelectElement>) => {
        setHour(e.target.value)
        const testEl: HTMLSelectElement | null = document.querySelector('#hour')
        if (testEl) {
            testEl.value = e.target.value
        }
    }

return (
~略~
<select
     id="hour"
     value={hour}
     onChange={(
     //選択した時間を表示
     e: React.ChangeEvent<HTMLSelectElement>
     ) => onChangeHour(e)}
     disabled={selectDisabled}
     //下記処理を上記onChangeとまとめたい、もしくは重複させない
     {...register(' hour', {
     required: true,
     })}
>
オプション要素を動的に表示する関数
　　{getOptions()}
　</select>
)

関数の内容や情報として足りていないソースがあるかもなので追加で必要でしたらお申し付けください。
何卒よろしくお願い致します。