我遇到一种情况，我被迫从两个不同的地方调用触发器方法来显示模态框，一个地方使用热键组合，另一个地方通过单击工具栏按钮。为了做到这一点，我有以下代码，其中我调用 triggerCustomLinkModal 来设置状态，但随后我遇到了 无效钩子调用错误 。

import { useState, useCallback, useEffect } from "react"
import { Dialog } from "@blueprintjs/core"

const useLocalState = () => {
  const [isShown, setIsShown] = useState(false)

  const setState = useCallback((state) => {
    setIsShown(state)
  })

  const getState = useCallback(() => {
    return isShown
  })

  return {
    setState,
    getState
  }
}

export const CustomLinkModalUI = () => {
  const { getState } = useLocalState()

  return (
    <>
      <Dialog isOpen={getState()} />
    </>
  )
}

export const triggerCustomLinkModal = () => {
  const { setState } = useLocalState()

  setState()
}