​
インポート

import { useOpenConnectModal } from '@0xsequence/connect'

​
使い方

import { useOpenConnectModal } from '@0xsequence/connect'

function App() {
  const { setOpenConnectModal, openConnectModalState } = useOpenConnectModal()
  
  const handleConnect = () => {
    setOpenConnectModal(true) // Open the connect modal
  }
  
  return (
    <>
      <button onClick={handleConnect}>
        Connect Wallet
      </button>
      
      {openConnectModalState && (
        <div>Connect modal is open!</div>
      )}
    </>
  )
}

​
返却型：UseOpenConnectModalReturnType

このフックは以下のプロパティを持つオブジェクトを返します。 
type UseOpenConnectModalReturnType = {
  setOpenConnectModal: (isOpen: boolean) => void
  openConnectModalState: boolean
}

​
プロパティ

​
setOpenConnectModal

(isOpen: boolean) => void Connectモーダルを開閉する関数です。 パラメータ：
パラメータ型説明
isOpenbooleanモーダルが開いているか（true）、閉じているか（false）

​
openConnectModalState

boolean Connectモーダルの現在の開閉状態（開いていればtrue、閉じていればfalse）

​
補足

このフックは、ユーザーがウォレットをアプリケーションに接続できるConnectモーダルの制御メソッドを提供します。Connectモーダルでは、Sequenceウォレットや外部ウォレットなど、さまざまなウォレット接続オプションが利用できます。