事件处理程序中的React Hook不是函数错误吗？

Question

我正在使用react-hook-form（RHF）创建表单。 “ onSubmit”我想运行“ searchOrig”功能，该功能通过“ setSegment”设置状态“ segment”。 （所以基本上，我想在RHF使用的事件处理程序中设置带有react useState的状态）

import React, { useState } from "react"
import { useForm } from "react-hook-form"

    const SegmentForm = () => {
      const { register, handleSubmit } = useForm()
      const { segment, setSegment } = useState(null)
      const searchOrig = data => {
        console.log(data)
        setSegment("ORIGIN")
      }

      return (
        <>
          <form onSubmit={handleSubmit(searchOrig)}>
            <input name="origin" placeholder="Origin" ref={register} />
            <input type="submit" />
          </form>
        </>
      )
    }

    export default SegmentForm

不幸的是，提交时出现此错误：

有人知道为什么会发生此错误以及如何解决该错误吗？还是另一种解决方法？

谢谢！