36 lines
759 B
TypeScript
36 lines
759 B
TypeScript
|
import { useAccount, useChainId } from 'wagmi'
|
||
|
|
import { useEffect, useState } from 'react'
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 获取钱包连接状态的 Hook
|
||
|
|
* 带有客户端渲染保护
|
||
|
|
*/
|
||
|
|
export function useWalletStatus() {
|
||
|
|
const { address, isConnected, isConnecting } = useAccount()
|
||
|
|
const chainId = useChainId()
|
||
|
|
const [mounted, setMounted] = useState(false)
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
setMounted(true)
|
||
|
|
}, [])
|
||
|
|
|
||
|
|
// 在 SSR 期间或未 mounted 时返回安全的默认值
|
||
|
|
if (!mounted) {
|
||
|
|
return {
|
||
|
|
address: undefined,
|
||
|
|
isConnected: false,
|
||
|
|
isConnecting: false,
|
||
|
|
chainId: undefined,
|
||
|
|
mounted: false,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
address,
|
||
|
|
isConnected,
|
||
|
|
isConnecting,
|
||
|
|
chainId,
|
||
|
|
mounted: true,
|
||
|
|
}
|
||
|
|
}
|