javascript - 事件处理程序中的 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

不幸的是，我在提交时收到此错误：

有谁知道为什么会发生此错误以及如何解决？或者另一种方法来解决这个问题？

提前致谢！