Getting Started with Interchain Kit

npm install @interchain-kit/react @interchain-kit/core

import { InterchainProvider } from '@interchain-kit/react'
import { chains, assets } from 'chain-registry'
 
function App() {
  return (
    <InterchainProvider
      chains={chains}
      assets={assets}
      walletConnectProjectId="your-project-id"
    >
      <YourApp />
    </InterchainProvider>
  )
}

import { useChain, useConnect } from '@interchain-kit/react'
 
function WalletConnect() {
  const { connect, disconnect, isConnected } = useConnect()
  const { address } = useChain('cosmoshub')
 
  return (
    <div>
      {isConnected ? (
        <button onClick={disconnect}>Disconnect</button>
      ) : (
        <button onClick={connect}>Connect Wallet</button>
      )}
      {address && <div>Connected Address: {address}</div>}
    </div>
  )
}

import { WalletButton, WalletModal } from '@interchain-kit/react'
 
function WalletSection() {
  return (
    <div>
      <WalletButton />
      <WalletModal />
    </div>
  )
}